.uk-h1,
.uk-h2,
.uk-h3,
.uk-h4,
.uk-h5,
.uk-h6,
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Microsoft Yahei";
}
/* ========================================================================
Component: Base
========================================================================== */
/*
* 1. Set `font-size` to support `rem` units
* Not using `font` property because a leading hyphen (e.g. -apple-system) causes the font to break in IE11 and Edge
* 2. Prevent adjustments of font size after orientation changes in IE and iOS.
* 3. Style
*/
html {
font-size: 16px;
font-weight: 400;
line-height: 1.5;
/* 2 */
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
/* 3 */
color: #666;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}
/*
* Removes default margin.
*/
body {
margin: 0;
font-size: 14px;
color: #666;
background-color: #ffffff;
}
/* Links
========================================================================== */
/*
* 1. Remove the gray background on active links in IE 10.
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
*/
a {
/* 1 */
background-color: transparent;
/* 2 */
-webkit-text-decoration-skip: objects;
}
/*
* Remove the outline on focused links when they are also active or hovered
*/
a:active,
a:hover {
outline: none;
}
/*
* Style
*/
a,
.uk-link {
color: #3771fa;
text-decoration: none;
cursor: pointer;
}
a:hover,
.uk-link:hover {
color: #3771fa;
}
/* Text-level semantics
========================================================================== */
/*
* 1. Remove the bottom border in Firefox 39-.
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none;
/* 1 */
text-decoration: underline;
/* 2 */
text-decoration: underline dotted;
/* 2 */
}
/*
* 1. Prevent the duplicate application of `bolder` by the next rule in Safari 6.
* 2. Add the correct font weight in Chrome, Edge, and Safari.
*/
/* 1 */
b,
strong {
font-weight: inherit;
}
/* 2 */
b,
strong {
font-weight: bolder;
}
/*
* 1. Correct the odd `em` font sizing in all browsers.
* 2. Consolas has a better baseline in running text compared to `Courier`
* 3. Style
*/
:not(pre) > code,
:not(pre) > kbd,
:not(pre) > samp {
/* 1 */
font-size: 11px;
/* 2 */
font-family: Consolas, monaco, monospace;
/* 3 */
color: #435DBA;
white-space: nowrap;
padding: 2px 6px;
border: 1px solid #EBEBED;
border-radius: 3px;
}
/*
* Emphasize
*/
em {
color: #3771fa;
}
/* Preformatted text
========================================================================== */
/*
* 1. Contain overflow in all browsers.
* 2. Override UA
*/
pre {
background: #ffffff;
}
pre code {
font-family: Consolas, monaco, monospace;
}
/* Selection pseudo-element
========================================================================== */
::-moz-selection {
background: #3771fa;
text-shadow: none;
}
::selection {
background: #3771fa;
text-shadow: none;
}
/* ========================================================================
Component: Link
========================================================================== */
/* Muted
========================================================================== */
a.uk-link-muted,
.uk-link-muted a {
color: #999999;
}
a.uk-link-muted:hover,
.uk-link-muted a:hover {
color: #666;
}
/* Text
========================================================================== */
/*
* `!important` needed to override inverse component
*/
a.uk-link-text:not(:hover),
.uk-link-text a:not(:hover) {
color: inherit !important;
}
a.uk-link-text:hover,
.uk-link-text a:hover {
color: #999999;
}
/* Hero
========================================================================== */
/*
* 1. Using `inline-block` to make it work with text alignment
* 2. Center vertically
* 3. Style
*/
.uk-heading-bullet::before {
content: "";
border-left: 4px solid #3771fa;
}
/* Small
========================================================================== */
/*
* Reset child height, caused by `inline-block`
*/
.uk-divider-small {
line-height: 0;
}
.uk-divider-small::after {
border-top: 2px solid #3771fa;
}
/* ========================================================================
Component: List
========================================================================== */
.uk-list,
.ap-child-list > ul {
padding: 0;
list-style: none;
}
.uk-list-striped > li:nth-of-type(odd) {
background: #f8f8f8;
}
/* ========================================================================
Component: Description list
========================================================================== */
/*
* Term
*/
.uk-description-list > dd {
font-size: 16px;
}
/* Caption
========================================================================== */
.uk-table caption {
color: #999999;
}
/*
* Striped
*/
.uk-table-striped > tr:nth-of-type(odd),
.uk-table-striped tbody tr:nth-of-type(odd) {
background: #f8f8f8;
}
/* Style modifiers
========================================================================== */
/*
* Link
*/
.uk-icon-link:hover,
.uk-icon-link:focus {
color: #3771fa;
outline: none;
}
/*
* Button
* 1. Center icon vertically and horizontally
*/
.uk-icon-button {
background: #ffffff;
}
/* Hover + Focus */
.uk-icon-button:hover,
.uk-icon-button:focus {
background-color: #ffffff;
color: #3771fa;
outline: none;
}
/* OnClick + Active */
.uk-icon-button:active,
.uk-active > .uk-icon-button {
background-color: #3771fa;
color: #ffffff;
}
/* Thumb
========================================================================== */
/*
* 1. Reset
* 2. Style
*/
/* Webkit */
.uk-range::-webkit-slider-thumb {
background: #666;
}
/* Firefox */
.uk-range::-moz-range-thumb {
background: #666;
}
/* Edge */
.uk-range::-ms-thumb {
/* 1 */
margin-top: 0;
}
/* IE11 */
.uk-range::-ms-thumb {
background: #666;
}
.uk-input,
.uk-select,
.uk-textarea {
background: #ffffff;
color: #666;
}
/* Focus */
.uk-input:focus,
.uk-select:focus,
.uk-textarea:focus {
outline: none;
background-color: #ffffff;
}
/* Disabled */
.uk-input:disabled,
.uk-select:disabled,
.uk-textarea:disabled {
background-color: #f8f8f8;
color: #999999;
}
/*
* Placeholder
*/
.uk-input:-ms-input-placeholder {
color: #999999 !important;
}
.uk-input::-moz-placeholder {
color: #999999;
}
.uk-input::-webkit-input-placeholder {
color: #999999;
}
.uk-textarea:-ms-input-placeholder {
color: #999999 !important;
}
.uk-textarea::-moz-placeholder {
color: #999999;
}
.uk-textarea::-webkit-input-placeholder {
color: #999999;
}
.uk-form-danger,
.uk-form-danger:focus {
color: #f0506e;
border-color: #f0506e !important;
}
/*
* Success
*/
.uk-form-success,
.uk-form-success:focus {
color: #32d296;
border-color: #32d296 !important;
}
/*
* Blank
*/
.uk-form-blank {
background: none;
border-color: transparent !important;
}
.uk-form-blank:focus {
border-color: #EBEBED !important;
border-style: dashed;
}
/*
* Checked
*/
.uk-radio:checked,
.uk-checkbox:checked,
.uk-checkbox:indeterminate {
background-color: #3771fa;
border-color: transparent;
}
/* Label
========================================================================== */
/* Icons
========================================================================== */
.uk-form-icon {
color: #999999;
}
/*
* Required for `a`.
*/
.uk-form-icon:hover {
color: #666;
}
/* OnClick + Active */
/* Style modifiers
========================================================================== */
/*
* Default
*/
.uk-button-default {
background-color: #ffffff;
}
/* Hover + Focus */
.uk-button-default:hover,
.uk-button-default:focus {
background-color: #ffffff;
color: #3771fa;
}
/* OnClick + Active */
.uk-button-default:active,
.uk-button-default.uk-active {
background-color: #3771fa;
color: #ffffff;
}
/*
* Primary
*/
.uk-button-primary {
background-color: #3771fa;
color: #ffffff;
}
/* Hover + Focus */
.uk-button-primary:hover,
.uk-button-primary:focus {
background-color: #3771fa;
color: #ffffff;
}
/* OnClick + Active */
.uk-button-primary:active,
.uk-button-primary.uk-active {
color: #ffffff;
}
/*
* Secondary
*/
.uk-button-secondary {
color: #666;
border: 1px solid #3771fa;
}
/* OnClick + Active */
.uk-button-secondary:active,
.uk-button-secondary.uk-active {
background-color: #3771fa;
color: #ffffff;
border-color: #3771fa;
}
/*
* Danger
*/
.uk-button-danger {
background-color: transparent;
color: #f0506e;
border: 1px solid #f0506e;
}
/* Hover + Focus */
.uk-button-danger:hover,
.uk-button-danger:focus {
background-color: transparent;
}
/* OnClick + Active */
.uk-button-danger:active,
.uk-button-danger.uk-active {
background-color: #f0506e;
color: #ffffff;
border-color: #f0506e;
}
/*
* Disabled
* The same for all style modifiers
*/
.uk-button-default:disabled,
.uk-button-primary:disabled,
.uk-button-secondary:disabled,
.uk-button-danger:disabled {
background-color: #f8f8f8;
color: #999999;
}
/* Text modifiers
========================================================================== */
/*
* Text
* 1. Reset
* 2. Style
*/
.uk-button-text {
/* 1 */
padding: 0;
line-height: 1.5;
background: none;
/* 2 */
position: relative;
}
/* Hover + Focus */
.uk-button-text:hover,
.uk-button-text:focus {
color: #3771fa;
}
/* Disabled */
.uk-button-text:disabled {
color: #999999;
}
/*
* Link
* 1. Reset
* 2. Style
*/
.uk-button-link {
/* 1 */
padding: 0;
line-height: 1.5;
background: none;
/* 2 */
color: #3771fa;
}
/* Hover + Focus */
.uk-button-link:hover,
.uk-button-link:focus {
color: #3771fa;
}
/* Disabled */
.uk-button-link:disabled {
color: #999999;
text-decoration: none;
}
/* Style modifiers
========================================================================== */
/*
* Default
*/
.uk-section-default,
.ap-container-default .uk-container {
background: #ffffff;
}
/*
* Primary
*/
.uk-section-primary,
.ap-container-primary .uk-container {
background: #3771fa;
}
/*
* Secondary
*/
.uk-section-secondary,
.ap-container-secondary .uk-container {
background: #3771fa;
}
.uk-section-muted,
.ap-container-muted .uk-container {
background: #f8f8f8;
}
/* Style modifiers
========================================================================== */
/*
* Default
*/
.uk-tile-default {
background: #ffffff;
}
/*
* Muted
*/
.uk-tile-muted {
background: #f8f8f8;
}
/*
* Primary
*/
.uk-tile-primary {
background: #3771fa;
}
/*
* Secondary
*/
.uk-tile-secondary {
background: #3771fa;
}
/* ========================================================================
Component: Card
========================================================================== */
/* Badge
========================================================================== */
.uk-card-badge {
color: #666;
}
/*
* Remove margin from adjacent element
*/
.uk-card-badge:first-child + * {
margin-top: 0;
}
/* Style modifiers
========================================================================== */
/*
* Default
* Note: Header and Footer are only implemented for the default style
*/
.uk-card-default {
background: #ffffff;
color: #666;
}
.uk-card-default.uk-card-hover:hover {
background-color: #ffffff;
}
/*
* Primary
*/
.uk-card-primary {
background: #3771fa;
color: #ffffff;
}
.uk-card-primary .uk-card-title {
color: #ffffff;
}
/*
* Secondary
*/
.uk-card-secondary {
background: #3771fa;
color: #ffffff;
}
.uk-card-secondary .uk-card-title {
color: #ffffff;
}
/* ========================================================================
Component: Close
========================================================================== */
/* Hover + Focus */
/* Hover + Focus */
.uk-totop:hover,
.uk-totop:focus {
outline: none;
background-color: transparent;
}
/* OnClick */
.uk-totop:active {
color: #3771fa;
background-color: transparent;
}
/* ========================================================================
Component: Marker
========================================================================== */
/*
* Addopts `uk-icon`
*/
.uk-marker {
padding: 5px;
background: #3771fa;
color: #ffffff;
}
/* Hover + Focus */
.uk-marker:hover,
.uk-marker:focus {
color: #ffffff;
outline: none;
}
/* ========================================================================
Component: Alert
========================================================================== */
.uk-alert {
position: relative;
background: #ffffff;
color: #333;
}
/* Style modifiers
========================================================================== */
/*
* Primary
*/
.uk-alert-primary {
background: #ffffff;
color: #3771fa;
}
/*
* Success
*/
.uk-alert-success {
background: #ffffff;
color: #32d296;
}
/*
* Warning
*/
.uk-alert-warning {
background: #ffffff;
color: #faa05a;
}
/*
* Danger
*/
.uk-alert-danger {
background: #ffffff;
color: #f0506e;
}
/* ========================================================================
Component: Badge
========================================================================== */
/*
* 1. Style
* 2. Center child vertically and horizontally
*/
.uk-badge {
/* 1 */
background: #3771fa;
color: #ffffff;
}
/*
* Required for `a`
*/
.uk-badge:hover,
.uk-badge:focus {
color: #ffffff;
text-decoration: none;
outline: none;
}
/* ========================================================================
Component: Label
========================================================================== */
.uk-label {
background: #3771fa;
color: #ffffff;
}
/* Color modifiers
========================================================================== */
/*
* Success
*/
.uk-label-success {
background-color: #32d296;
color: #ffffff;
}
/*
* Warning
*/
.uk-label-warning {
background-color: #faa05a;
color: #ffffff;
}
/*
* Danger
*/
.uk-label-danger {
background-color: #f0506e;
color: #ffffff;
}
/* ========================================================================
Component: Overlay
========================================================================== */
.uk-overlay {
padding: 20px 20px;
}
/*
* Remove margin from the last-child
*/
.uk-overlay > :last-child {
margin-bottom: 0;
}
/* Title
========================================================================== */
/* Meta
========================================================================== */
.uk-article-meta {
color: #999999;
}
.uk-article-meta a {
color: #999999;
}
.uk-article-meta a:hover {
color: #666;
text-decoration: none;
}
/* Meta
========================================================================== */
.uk-comment-meta {
color: #999999;
}
/* Style modifier
========================================================================== */
.uk-comment-primary {
background-color: #f8f8f8;
}
.uk-search-input:focus {
outline: none;
}
/* Placeholder */
.uk-search-input:-ms-input-placeholder {
color: #999999 !important;
}
.uk-search-input::-moz-placeholder {
color: #999999;
}
.uk-search-input::-webkit-input-placeholder {
color: #999999;
}
/* Icon (Adopts `uk-icon`)
========================================================================== */
/*
* Remove default focus style
*/
.uk-search-icon:focus {
outline: none;
}
.uk-search .uk-search-icon {
color: #999999;
}
/*
* Required for `a`.
*/
.uk-search .uk-search-icon:hover {
color: #999999;
}
/* Focus */
.uk-search-default .uk-search-input:focus {
background-color: #ffffff;
}
/* Toggle
========================================================================== */
.uk-search-toggle {
color: #999999;
}
/* Hover + Focus */
.uk-search-toggle:hover,
.uk-search-toggle:focus {
color: #666;
}
/* Parent icon modifier
========================================================================== */
.uk-nav-parent-icon > .uk-parent > a::after {
content: "";
width: 1.5 em;
height: 1.5 em;
}
/*
* Items
*/
.uk-nav-default > li > a {
color: #999999;
}
/* Hover + Focus */
.uk-nav-default > li > a:hover,
.uk-nav-default > li > a:focus {
color: #3771fa;
background-color: transparent;
}
/* Active */
.uk-nav-default > li.uk-active > a {
background-color: transparent;
}
/*
* Header
*/
/*
* Sublists
*/
.uk-nav-default .uk-nav-sub a {
color: #999999;
}
.uk-nav-default .uk-nav-sub a:hover,
.uk-nav-default .uk-nav-sub a:focus {
color: #666;
}
/*
* Items
*/
.uk-nav-primary > li > a {
line-height: 1.5;
color: #999999;
}
/* Hover + Focus */
.uk-nav-primary > li > a:hover,
.uk-nav-primary > li > a:focus {
color: #3771fa;
}
/* Active */
/*
* Header
*/
/*
* Sublists
*/
.uk-nav-primary .uk-nav-sub a {
color: #999999;
}
.uk-nav-primary .uk-nav-sub a:hover,
.uk-nav-primary .uk-nav-sub a:focus {
color: #666;
}
/*
* Nav items
*/
.uk-navbar-nav > li > a {
color: #666;
}
.uk-navbar-nav > li > a,
.uk-navbar-item,
.uk-navbar-toggle {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Microsoft Yahei";
}
/*
* Hover
* Apply hover style also to focus state and if dropdown is opened
*/
.uk-navbar-nav > li:hover > a,
.uk-navbar-nav > li > a:focus,
.uk-navbar-nav > li > a.uk-open {
color: #3771fa;
outline: none;
}
.uk-navbar-nav > li > a:hover::before {
background-color: currentColor;
}
/* OnClick */
.uk-navbar-nav > li.uk-active > a::before {
background-color: #3771fa;
}
/* Item
========================================================================== */
.uk-navbar-item {
color: #666;
}
/* Toggle
========================================================================== */
.uk-navbar-toggle:hover,
.uk-navbar-toggle:focus,
.uk-navbar-toggle.uk-open {
color: #3771fa;
}
/* Dropdown
========================================================================== */
/*
* Adopts `uk-dropdown`
* 1. Hide by default
* 2. Set position
* 3. Set a default width
* 4. Style
*/
.uk-navbar-dropdown {
background: #ffffff;
color: #666;
}
/*
* Items
*/
.uk-navbar-dropdown-nav > li > a {
color: #999999;
padding: 5px 0;
}
/* Hover + Focus */
.uk-navbar-dropdown-nav > li > a:hover,
.uk-navbar-dropdown-nav > li > a:focus {
color: #3771fa;
background-color: transparent;
}
/* Active */
/*
* Sublists
*/
.uk-navbar-dropdown-nav .uk-nav-sub a {
color: #999999;
}
.uk-navbar-dropdown-nav .uk-nav-sub a:hover,
.uk-navbar-dropdown-nav .uk-nav-sub a:focus {
color: #666;
}
/* Dropbar
========================================================================== */
.uk-navbar-dropbar {
position: relative;
background: #ffffff;
overflow: hidden;
}
/* Items
========================================================================== */
/*
* Items must target `a` elements to exclude other elements (e.g. dropdowns)
* Using `:first-child` instead of `a` to support `span` elements for text
* 1. Prevent gap if child element is `inline-block`, e.g. an icon
* 2. Style
*/
.uk-subnav > * > :first-child {
color: #999999;
}
/* Hover + Focus */
.uk-subnav > * > a:hover,
.uk-subnav > * > a:focus {
color: #666;
text-decoration: none;
outline: none;
}
/* Active */
/* Pill modifier
========================================================================== */
.uk-subnav-pill > * > :first-child {
color: #999999;
}
/* Hover + Focus */
.uk-subnav-pill > * > a:hover,
.uk-subnav-pill > * > a:focus {
background-color: #ffffff;
color: #666;
}
/* OnClick */
.uk-subnav-pill > * > a:active {
background-color: #ffffff;
}
/* Active */
.uk-subnav-pill > .uk-active > a {
background-color: #3771fa;
color: #ffffff;
}
/* Disabled
* The same for all style modifiers
========================================================================== */
.uk-subnav > .uk-disabled > a {
color: #999999;
}
/* Items
========================================================================== */
.uk-breadcrumb > * > * {
color: #999999;
}
/* Hover + Focus */
.uk-breadcrumb > * > :hover,
.uk-breadcrumb > * > :focus {
color: #666;
text-decoration: none;
}
/* Disabled */
.uk-breadcrumb > .uk-disabled > * {
color: #999999;
}
/* Active */
/* Items
========================================================================== */
/*
* 1. Prevent gap if child element is `inline-block`, e.g. an icon
* 2. Style
*/
.uk-pagination > * > * {
color: #999999;
}
/* Hover + Focus */
.uk-pagination > * > :hover,
.uk-pagination > * > :focus {
background-color: #ffffff;
}
/* Active */
.uk-pagination > .uk-active > * {
color: #3771fa;
background-color: transparent;
}
/* Disabled */
.uk-pagination > .uk-disabled > * {
color: #999999;
background-color: transparent;
}
/* Items
========================================================================== */
/*
* Items must target `a` elements to exclude other elements (e.g. dropdowns)
* 1. Center text if a width is set
* 2. Style
*/
.uk-tab > * > a {
color: #999999;
}
/* Hover + Focus */
.uk-tab > * > a:hover,
.uk-tab > * > a:focus {
color: #666;
text-decoration: none;
border-color: transparent;
}
/* Active */
.uk-tab > .uk-active > a {
border-color: #3771fa;
}
/* Disabled */
.uk-tab > .uk-disabled > a {
color: #999999;
}
/* Items
========================================================================== */
/* Hover + Focus */
.uk-dotnav > * > :hover,
.uk-dotnav > * > :focus {
background-color: rgba(248, 108, 74, 0.4);
outline: none;
border-color: transparent;
}
/* OnClick */
.uk-dotnav > * > :active {
background-color: #3771fa;
border-color: transparent;
}
/* Active */
.uk-dotnav > .uk-active > * {
background-color: #3771fa;
border-color: transparent;
}
/* ========================================================================
Component: Dropdown
========================================================================== */
.uk-dropdown {
background: #ffffff;
color: #666;
}
/*
* Items
*/
.uk-dropdown-nav > li > a {
color: #999999;
}
/* Hover + Focus + Active */
.uk-dropdown-nav > li > a:hover,
.uk-dropdown-nav > li > a:focus,
.uk-dropdown-nav > li.uk-active > a {
background-color: transparent;
}
/*
* Header
*/
.uk-dropdown-nav .uk-nav-header {
color: #3771fa;
}
/*
* Sublists
*/
.uk-dropdown-nav .uk-nav-sub a {
color: #999999;
}
.uk-dropdown-nav .uk-nav-sub a:hover,
.uk-dropdown-nav .uk-nav-sub a:focus {
color: #3771fa;
}
/* Dialog
========================================================================== */
/*
* 1. Create position context for spinner and close button
* 2. Dimensions
* 3. Fix `max-width: 100%` not working in combination with flex and responsive images in IE11
* `!important` needed to overwrite `uk-width-auto`. See `#modal-media-image` in tests
* 4. Style
* 5. Slide-in transition
*/
.uk-modal-dialog {
background: #ffffff;
}
/*
* Open
*/
.uk-open > .uk-modal-dialog {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
/* Message
========================================================================== */
.uk-notification-message {
background: #f8f8f8;
color: #666;
}
/* Style modifiers
========================================================================== */
/*
* Primary
*/
.uk-notification-message-primary {
color: #3771fa;
}
/*
* Success
*/
.uk-notification-message-success {
color: #32d296;
}
/*
* Warning
*/
.uk-notification-message-warning {
color: #faa05a;
}
/*
* Danger
*/
.uk-notification-message-danger {
color: #f0506e;
}
/* ========================================================================
Component: Tooltip
========================================================================== */
.uk-tooltip {
/* 4 */
background: #3771fa;
color: #ffffff;
}
/*
* Remove animated circles for indeterminate state in IE11 and Edge
*/
.uk-progress:indeterminate {
color: transparent;
}
/*
* Progress container
* 2. Remove progress bar for indeterminate state in Firefox
*/
.uk-progress::-webkit-progress-bar {
background-color: #f8f8f8;
border-radius: 500px;
overflow: hidden;
}
/*
* Progress bar
* 1. Remove right border in IE11 and Edge
*/
.uk-progress::-webkit-progress-value {
background-color: #3771fa;
}
.uk-progress::-moz-progress-bar {
background-color: #3771fa;
}
.uk-progress::-ms-fill {
background-color: #3771fa;
}
/* ========================================================================
Component: Text
========================================================================== */
/* Style modifiers
========================================================================== */
.uk-text-meta {
color: #999999;
}
.uk-text-meta a {
color: #999999;
}
.uk-text-meta a:hover {
color: #666;
text-decoration: none;
}
/* Size modifiers
========================================================================== */
.uk-text-small {
font-size: 12px;
line-height: 1.5;
}
.uk-text-large {
font-size: 20px;
line-height: 1.5;
}
/* Weight modifier
========================================================================== */
.uk-text-bold {
font-weight: bolder;
}
/* Transform modifier
========================================================================== */
.uk-text-uppercase {
text-transform: uppercase !important;
}
.uk-text-capitalize {
text-transform: capitalize !important;
}
.uk-text-lowercase {
text-transform: lowercase !important;
}
/* Color modifiers
========================================================================== */
.uk-text-muted {
color: #999999 !important;
}
.uk-text-primary {
color: #3771fa !important;
}
.uk-text-success {
color: #32d296 !important;
}
.uk-text-warning {
color: #faa05a !important;
}
.uk-text-danger {
color: #f0506e !important;
}
/* Background modifier */
.uk-text-background {
color: #3771fa !important;
}
@supports (-webkit-background-clip: text) {
.uk-text-background {
background-color: #3771fa;
}
}
/* ========================================================================
Component: Background
========================================================================== */
/* Color
========================================================================== */
.uk-background-default {
background-color: #ffffff;
}
.uk-background-muted {
background-color: #f8f8f8;
}
.uk-background-primary {
background-color: #3771fa;
}
.uk-background-secondary {
background-color: #3771fa;
}
/* ========================================================================
Component: Inverse
========================================================================== */
.uk-light a,
.uk-light .uk-link,
.uk-section-primary:not(.uk-preserve-color) a,
.uk-section-primary:not(.uk-preserve-color) .uk-link,
.uk-section-secondary:not(.uk-preserve-color) a,
.uk-section-secondary:not(.uk-preserve-color) .uk-link,
.uk-tile-primary:not(.uk-preserve-color) a,
.uk-tile-primary:not(.uk-preserve-color) .uk-link,
.uk-tile-secondary:not(.uk-preserve-color) a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-link,
.uk-card-primary.uk-card-body a,
.uk-card-primary.uk-card-body .uk-link,
.uk-card-primary > :not([class*='uk-card-media']) a,
.uk-card-primary > :not([class*='uk-card-media']) .uk-link,
.uk-card-secondary.uk-card-body a,
.uk-card-secondary.uk-card-body .uk-link,
.uk-card-secondary > :not([class*='uk-card-media']) a,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-link,
.uk-overlay-primary a,
.uk-overlay-primary .uk-link,
.ap-toolbar a,
.ap-toolbar .uk-link {
color: #ffffff;
}
.uk-light a:hover,
.uk-light .uk-link:hover,
.uk-section-primary:not(.uk-preserve-color) a:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-link:hover,
.uk-section-secondary:not(.uk-preserve-color) a:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-link:hover,
.uk-tile-primary:not(.uk-preserve-color) a:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-link:hover,
.uk-tile-secondary:not(.uk-preserve-color) a:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-link:hover,
.uk-card-primary.uk-card-body a:hover,
.uk-card-primary.uk-card-body .uk-link:hover,
.uk-card-primary > :not([class*='uk-card-media']) a:hover,
.uk-card-primary > :not([class*='uk-card-media']) .uk-link:hover,
.uk-card-secondary.uk-card-body a:hover,
.uk-card-secondary.uk-card-body .uk-link:hover,
.uk-card-secondary > :not([class*='uk-card-media']) a:hover,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-link:hover,
.uk-overlay-primary a:hover,
.uk-overlay-primary .uk-link:hover,
.ap-toolbar a:hover,
.ap-toolbar .uk-link:hover {
color: #ffffff;
}
.uk-light em,
.uk-section-primary:not(.uk-preserve-color) em,
.uk-section-secondary:not(.uk-preserve-color) em,
.uk-tile-primary:not(.uk-preserve-color) em,
.uk-tile-secondary:not(.uk-preserve-color) em,
.uk-card-primary.uk-card-body em,
.uk-card-primary > :not([class*='uk-card-media']) em,
.uk-card-secondary.uk-card-body em,
.uk-card-secondary > :not([class*='uk-card-media']) em,
.uk-overlay-primary em,
.ap-toolbar em {
color: #ffffff;
}
.uk-light h1,
.uk-light .uk-h1,
.uk-light h2,
.uk-light .uk-h2,
.uk-light h3,
.uk-light .uk-h3,
.uk-light h4,
.uk-light .uk-h4,
.uk-light h5,
.uk-light .uk-h5,
.uk-light h6,
.uk-light .uk-h6,
.uk-section-primary:not(.uk-preserve-color) h1,
.uk-section-primary:not(.uk-preserve-color) .uk-h1,
.uk-section-primary:not(.uk-preserve-color) h2,
.uk-section-primary:not(.uk-preserve-color) .uk-h2,
.uk-section-primary:not(.uk-preserve-color) h3,
.uk-section-primary:not(.uk-preserve-color) .uk-h3,
.uk-section-primary:not(.uk-preserve-color) h4,
.uk-section-primary:not(.uk-preserve-color) .uk-h4,
.uk-section-primary:not(.uk-preserve-color) h5,
.uk-section-primary:not(.uk-preserve-color) .uk-h5,
.uk-section-primary:not(.uk-preserve-color) h6,
.uk-section-primary:not(.uk-preserve-color) .uk-h6,
.uk-section-secondary:not(.uk-preserve-color) h1,
.uk-section-secondary:not(.uk-preserve-color) .uk-h1,
.uk-section-secondary:not(.uk-preserve-color) h2,
.uk-section-secondary:not(.uk-preserve-color) .uk-h2,
.uk-section-secondary:not(.uk-preserve-color) h3,
.uk-section-secondary:not(.uk-preserve-color) .uk-h3,
.uk-section-secondary:not(.uk-preserve-color) h4,
.uk-section-secondary:not(.uk-preserve-color) .uk-h4,
.uk-section-secondary:not(.uk-preserve-color) h5,
.uk-section-secondary:not(.uk-preserve-color) .uk-h5,
.uk-section-secondary:not(.uk-preserve-color) h6,
.uk-section-secondary:not(.uk-preserve-color) .uk-h6,
.uk-tile-primary:not(.uk-preserve-color) h1,
.uk-tile-primary:not(.uk-preserve-color) .uk-h1,
.uk-tile-primary:not(.uk-preserve-color) h2,
.uk-tile-primary:not(.uk-preserve-color) .uk-h2,
.uk-tile-primary:not(.uk-preserve-color) h3,
.uk-tile-primary:not(.uk-preserve-color) .uk-h3,
.uk-tile-primary:not(.uk-preserve-color) h4,
.uk-tile-primary:not(.uk-preserve-color) .uk-h4,
.uk-tile-primary:not(.uk-preserve-color) h5,
.uk-tile-primary:not(.uk-preserve-color) .uk-h5,
.uk-tile-primary:not(.uk-preserve-color) h6,
.uk-tile-primary:not(.uk-preserve-color) .uk-h6,
.uk-tile-secondary:not(.uk-preserve-color) h1,
.uk-tile-secondary:not(.uk-preserve-color) .uk-h1,
.uk-tile-secondary:not(.uk-preserve-color) h2,
.uk-tile-secondary:not(.uk-preserve-color) .uk-h2,
.uk-tile-secondary:not(.uk-preserve-color) h3,
.uk-tile-secondary:not(.uk-preserve-color) .uk-h3,
.uk-tile-secondary:not(.uk-preserve-color) h4,
.uk-tile-secondary:not(.uk-preserve-color) .uk-h4,
.uk-tile-secondary:not(.uk-preserve-color) h5,
.uk-tile-secondary:not(.uk-preserve-color) .uk-h5,
.uk-tile-secondary:not(.uk-preserve-color) h6,
.uk-tile-secondary:not(.uk-preserve-color) .uk-h6,
.uk-card-primary.uk-card-body h1,
.uk-card-primary.uk-card-body .uk-h1,
.uk-card-primary.uk-card-body h2,
.uk-card-primary.uk-card-body .uk-h2,
.uk-card-primary.uk-card-body h3,
.uk-card-primary.uk-card-body .uk-h3,
.uk-card-primary.uk-card-body h4,
.uk-card-primary.uk-card-body .uk-h4,
.uk-card-primary.uk-card-body h5,
.uk-card-primary.uk-card-body .uk-h5,
.uk-card-primary.uk-card-body h6,
.uk-card-primary.uk-card-body .uk-h6,
.uk-card-primary > :not([class*='uk-card-media']) h1,
.uk-card-primary > :not([class*='uk-card-media']) .uk-h1,
.uk-card-primary > :not([class*='uk-card-media']) h2,
.uk-card-primary > :not([class*='uk-card-media']) .uk-h2,
.uk-card-primary > :not([class*='uk-card-media']) h3,
.uk-card-primary > :not([class*='uk-card-media']) .uk-h3,
.uk-card-primary > :not([class*='uk-card-media']) h4,
.uk-card-primary > :not([class*='uk-card-media']) .uk-h4,
.uk-card-primary > :not([class*='uk-card-media']) h5,
.uk-card-primary > :not([class*='uk-card-media']) .uk-h5,
.uk-card-primary > :not([class*='uk-card-media']) h6,
.uk-card-primary > :not([class*='uk-card-media']) .uk-h6,
.uk-card-secondary.uk-card-body h1,
.uk-card-secondary.uk-card-body .uk-h1,
.uk-card-secondary.uk-card-body h2,
.uk-card-secondary.uk-card-body .uk-h2,
.uk-card-secondary.uk-card-body h3,
.uk-card-secondary.uk-card-body .uk-h3,
.uk-card-secondary.uk-card-body h4,
.uk-card-secondary.uk-card-body .uk-h4,
.uk-card-secondary.uk-card-body h5,
.uk-card-secondary.uk-card-body .uk-h5,
.uk-card-secondary.uk-card-body h6,
.uk-card-secondary.uk-card-body .uk-h6,
.uk-card-secondary > :not([class*='uk-card-media']) h1,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-h1,
.uk-card-secondary > :not([class*='uk-card-media']) h2,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-h2,
.uk-card-secondary > :not([class*='uk-card-media']) h3,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-h3,
.uk-card-secondary > :not([class*='uk-card-media']) h4,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-h4,
.uk-card-secondary > :not([class*='uk-card-media']) h5,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-h5,
.uk-card-secondary > :not([class*='uk-card-media']) h6,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-h6,
.uk-overlay-primary h1,
.uk-overlay-primary .uk-h1,
.uk-overlay-primary h2,
.uk-overlay-primary .uk-h2,
.uk-overlay-primary h3,
.uk-overlay-primary .uk-h3,
.uk-overlay-primary h4,
.uk-overlay-primary .uk-h4,
.uk-overlay-primary h5,
.uk-overlay-primary .uk-h5,
.uk-overlay-primary h6,
.uk-overlay-primary .uk-h6,
.ap-toolbar h1,
.ap-toolbar .uk-h1,
.ap-toolbar h2,
.ap-toolbar .uk-h2,
.ap-toolbar h3,
.ap-toolbar .uk-h3,
.ap-toolbar h4,
.ap-toolbar .uk-h4,
.ap-toolbar h5,
.ap-toolbar .uk-h5,
.ap-toolbar h6,
.ap-toolbar .uk-h6 {
color: #ffffff;
}
.uk-light blockquote,
.uk-section-primary:not(.uk-preserve-color) blockquote,
.uk-section-secondary:not(.uk-preserve-color) blockquote,
.uk-tile-primary:not(.uk-preserve-color) blockquote,
.uk-tile-secondary:not(.uk-preserve-color) blockquote,
.uk-card-primary.uk-card-body blockquote,
.uk-card-primary > :not([class*='uk-card-media']) blockquote,
.uk-card-secondary.uk-card-body blockquote,
.uk-card-secondary > :not([class*='uk-card-media']) blockquote,
.uk-overlay-primary blockquote,
.ap-toolbar blockquote {
color: #ffffff;
}
.uk-light .uk-heading-primary,
.uk-section-primary:not(.uk-preserve-color) .uk-heading-primary,
.uk-section-secondary:not(.uk-preserve-color) .uk-heading-primary,
.uk-tile-primary:not(.uk-preserve-color) .uk-heading-primary,
.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-primary,
.uk-card-primary.uk-card-body .uk-heading-primary,
.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-primary,
.uk-card-secondary.uk-card-body .uk-heading-primary,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-primary,
.uk-overlay-primary .uk-heading-primary,
.ap-toolbar .uk-heading-primary {
color: #ffffff;
}
.uk-light .uk-heading-hero,
.uk-section-primary:not(.uk-preserve-color) .uk-heading-hero,
.uk-section-secondary:not(.uk-preserve-color) .uk-heading-hero,
.uk-tile-primary:not(.uk-preserve-color) .uk-heading-hero,
.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-hero,
.uk-card-primary.uk-card-body .uk-heading-hero,
.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-hero,
.uk-card-secondary.uk-card-body .uk-heading-hero,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-hero,
.uk-overlay-primary .uk-heading-hero,
.ap-toolbar .uk-heading-hero {
color: #ffffff;
}
.uk-light .uk-icon-button,
.uk-section-primary:not(.uk-preserve-color) .uk-icon-button,
.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button,
.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button,
.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button,
.uk-card-primary.uk-card-body .uk-icon-button,
.uk-card-primary > :not([class*='uk-card-media']) .uk-icon-button,
.uk-card-secondary.uk-card-body .uk-icon-button,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-button,
.uk-overlay-primary .uk-icon-button,
.ap-toolbar .uk-icon-button {
background-color: #ffffff;
background-image: none;
}
.uk-light .uk-radio:checked,
.uk-light .uk-checkbox:checked,
.uk-light .uk-checkbox:indeterminate,
.uk-section-primary:not(.uk-preserve-color) .uk-radio:checked,
.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked,
.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate,
.uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked,
.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked,
.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate,
.uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked,
.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked,
.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate,
.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked,
.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked,
.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate,
.uk-card-primary.uk-card-body .uk-radio:checked,
.uk-card-primary.uk-card-body .uk-checkbox:checked,
.uk-card-primary.uk-card-body .uk-checkbox:indeterminate,
.uk-card-primary > :not([class*='uk-card-media']) .uk-radio:checked,
.uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:checked,
.uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:indeterminate,
.uk-card-secondary.uk-card-body .uk-radio:checked,
.uk-card-secondary.uk-card-body .uk-checkbox:checked,
.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-radio:checked,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:checked,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:indeterminate,
.uk-overlay-primary .uk-radio:checked,
.uk-overlay-primary .uk-checkbox:checked,
.uk-overlay-primary .uk-checkbox:indeterminate,
.ap-toolbar .uk-radio:checked,
.ap-toolbar .uk-checkbox:checked,
.ap-toolbar .uk-checkbox:indeterminate {
background-color: #ffffff;
border-color: transparent;
}
.uk-light .uk-form-label,
.uk-section-primary:not(.uk-preserve-color) .uk-form-label,
.uk-section-secondary:not(.uk-preserve-color) .uk-form-label,
.uk-tile-primary:not(.uk-preserve-color) .uk-form-label,
.uk-tile-secondary:not(.uk-preserve-color) .uk-form-label,
.uk-card-primary.uk-card-body .uk-form-label,
.uk-card-primary > :not([class*='uk-card-media']) .uk-form-label,
.uk-card-secondary.uk-card-body .uk-form-label,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-form-label,
.uk-overlay-primary .uk-form-label,
.ap-toolbar .uk-form-label {
color: #ffffff;
}
.uk-light .uk-button-default,
.uk-section-primary:not(.uk-preserve-color) .uk-button-default,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-default,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-default,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default,
.uk-card-primary.uk-card-body .uk-button-default,
.uk-card-primary > :not([class*='uk-card-media']) .uk-button-default,
.uk-card-secondary.uk-card-body .uk-button-default,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-default,
.uk-overlay-primary .uk-button-default,
.ap-toolbar .uk-button-default {
background-color: #ffffff;
color: #333;
border-color: transparent;
background-image: none;
box-shadow: none;
}
.uk-light .uk-button-default:hover,
.uk-light .uk-button-default:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-button-default:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-button-default:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-default:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-default:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-default:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-default:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:focus,
.uk-card-primary.uk-card-body .uk-button-default:hover,
.uk-card-primary.uk-card-body .uk-button-default:focus,
.uk-card-primary > :not([class*='uk-card-media']) .uk-button-default:hover,
.uk-card-primary > :not([class*='uk-card-media']) .uk-button-default:focus,
.uk-card-secondary.uk-card-body .uk-button-default:hover,
.uk-card-secondary.uk-card-body .uk-button-default:focus,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-default:hover,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-default:focus,
.uk-overlay-primary .uk-button-default:hover,
.uk-overlay-primary .uk-button-default:focus,
.ap-toolbar .uk-button-default:hover,
.ap-toolbar .uk-button-default:focus {
background-color: #ffffff;
color: #3771fa;
border-color: transparent;
box-shadow: none;
}
.uk-light .uk-button-default:active,
.uk-light .uk-button-default.uk-active,
.uk-section-primary:not(.uk-preserve-color) .uk-button-default:active,
.uk-section-primary:not(.uk-preserve-color) .uk-button-default.uk-active,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-default:active,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-default.uk-active,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-default:active,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-default.uk-active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default.uk-active,
.uk-card-primary.uk-card-body .uk-button-default:active,
.uk-card-primary.uk-card-body .uk-button-default.uk-active,
.uk-card-primary > :not([class*='uk-card-media']) .uk-button-default:active,
.uk-card-primary > :not([class*='uk-card-media']) .uk-button-default.uk-active,
.uk-card-secondary.uk-card-body .uk-button-default:active,
.uk-card-secondary.uk-card-body .uk-button-default.uk-active,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-default:active,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-default.uk-active,
.uk-overlay-primary .uk-button-default:active,
.uk-overlay-primary .uk-button-default.uk-active,
.ap-toolbar .uk-button-default:active,
.ap-toolbar .uk-button-default.uk-active {
background-color: #3771fa;
color: #ffffff;
border-color: transparent;
}
.uk-light .uk-button-primary,
.uk-section-primary:not(.uk-preserve-color) .uk-button-primary,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary,
.uk-card-primary.uk-card-body .uk-button-primary,
.uk-card-primary > :not([class*='uk-card-media']) .uk-button-primary,
.uk-card-secondary.uk-card-body .uk-button-primary,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-primary,
.uk-overlay-primary .uk-button-primary,
.ap-toolbar .uk-button-primary {
background-color: #3771fa;
color: #ffffff;
border-color: transparent;
background-image: none;
box-shadow: none;
}
.uk-light .uk-button-primary:hover,
.uk-light .uk-button-primary:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-button-primary:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-button-primary:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:focus,
.uk-card-primary.uk-card-body .uk-button-primary:hover,
.uk-card-primary.uk-card-body .uk-button-primary:focus,
.uk-card-primary > :not([class*='uk-card-media']) .uk-button-primary:hover,
.uk-card-primary > :not([class*='uk-card-media']) .uk-button-primary:focus,
.uk-card-secondary.uk-card-body .uk-button-primary:hover,
.uk-card-secondary.uk-card-body .uk-button-primary:focus,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-primary:hover,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-primary:focus,
.uk-overlay-primary .uk-button-primary:hover,
.uk-overlay-primary .uk-button-primary:focus,
.ap-toolbar .uk-button-primary:hover,
.ap-toolbar .uk-button-primary:focus {
color: #ffffff;
border-color: transparent;
box-shadow: none;
}
.uk-light .uk-button-primary:active,
.uk-light .uk-button-primary.uk-active,
.uk-section-primary:not(.uk-preserve-color) .uk-button-primary:active,
.uk-section-primary:not(.uk-preserve-color) .uk-button-primary.uk-active,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:active,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary.uk-active,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:active,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary.uk-active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary.uk-active,
.uk-card-primary.uk-card-body .uk-button-primary:active,
.uk-card-primary.uk-card-body .uk-button-primary.uk-active,
.uk-card-primary > :not([class*='uk-card-media']) .uk-button-primary:active,
.uk-card-primary > :not([class*='uk-card-media']) .uk-button-primary.uk-active,
.uk-card-secondary.uk-card-body .uk-button-primary:active,
.uk-card-secondary.uk-card-body .uk-button-primary.uk-active,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-primary:active,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-primary.uk-active,
.uk-overlay-primary .uk-button-primary:active,
.uk-overlay-primary .uk-button-primary.uk-active,
.ap-toolbar .uk-button-primary:active,
.ap-toolbar .uk-button-primary.uk-active {
color: #ffffff;
border-color: transparent;
}
.uk-light .uk-button-secondary,
.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary,
.uk-card-primary.uk-card-body .uk-button-secondary,
.uk-card-primary > :not([class*='uk-card-media']) .uk-button-secondary,
.uk-card-secondary.uk-card-body .uk-button-secondary,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-secondary,
.uk-overlay-primary .uk-button-secondary,
.ap-toolbar .uk-button-secondary {
background-color: transparent;
border-color: #ffffff;
color: #ffffff;
background-image: none;
box-shadow: none;
}
.uk-light .uk-button-secondary:hover,
.uk-light .uk-button-secondary:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:focus,
.uk-card-primary.uk-card-body .uk-button-secondary:hover,
.uk-card-primary.uk-card-body .uk-button-secondary:focus,
.uk-card-primary > :not([class*='uk-card-media']) .uk-button-secondary:hover,
.uk-card-primary > :not([class*='uk-card-media']) .uk-button-secondary:focus,
.uk-card-secondary.uk-card-body .uk-button-secondary:hover,
.uk-card-secondary.uk-card-body .uk-button-secondary:focus,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-secondary:hover,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-secondary:focus,
.uk-overlay-primary .uk-button-secondary:hover,
.uk-overlay-primary .uk-button-secondary:focus,
.ap-toolbar .uk-button-secondary:hover,
.ap-toolbar .uk-button-secondary:focus {
background-color: transparent;
color: #ffffff;
box-shadow: none;
}
.uk-light .uk-button-secondary:active,
.uk-light .uk-button-secondary.uk-active,
.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:active,
.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary.uk-active,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:active,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary.uk-active,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:active,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary.uk-active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary.uk-active,
.uk-card-primary.uk-card-body .uk-button-secondary:active,
.uk-card-primary.uk-card-body .uk-button-secondary.uk-active,
.uk-card-primary > :not([class*='uk-card-media']) .uk-button-secondary:active,
.uk-card-primary > :not([class*='uk-card-media']) .uk-button-secondary.uk-active,
.uk-card-secondary.uk-card-body .uk-button-secondary:active,
.uk-card-secondary.uk-card-body .uk-button-secondary.uk-active,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-secondary:active,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-secondary.uk-active,
.uk-overlay-primary .uk-button-secondary:active,
.uk-overlay-primary .uk-button-secondary.uk-active,
.ap-toolbar .uk-button-secondary:active,
.ap-toolbar .uk-button-secondary.uk-active {
background-color: #ffffff;
border-color: #ffffff;
}
.uk-light .uk-button-text,
.uk-section-primary:not(.uk-preserve-color) .uk-button-text,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-text,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-text,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text,
.uk-card-primary.uk-card-body .uk-button-text,
.uk-card-primary > :not([class*='uk-card-media']) .uk-button-text,
.uk-card-secondary.uk-card-body .uk-button-text,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-text,
.uk-overlay-primary .uk-button-text,
.ap-toolbar .uk-button-text {
color: #ffffff;
}
.uk-light .uk-totop:active,
.uk-section-primary:not(.uk-preserve-color) .uk-totop:active,
.uk-section-secondary:not(.uk-preserve-color) .uk-totop:active,
.uk-tile-primary:not(.uk-preserve-color) .uk-totop:active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-totop:active,
.uk-card-primary.uk-card-body .uk-totop:active,
.uk-card-primary > :not([class*='uk-card-media']) .uk-totop:active,
.uk-card-secondary.uk-card-body .uk-totop:active,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-totop:active,
.uk-overlay-primary .uk-totop:active,
.ap-toolbar .uk-totop:active {
color: #ffffff;
background-color: transparent;
}
.uk-light .uk-marker,
.uk-section-primary:not(.uk-preserve-color) .uk-marker,
.uk-section-secondary:not(.uk-preserve-color) .uk-marker,
.uk-tile-primary:not(.uk-preserve-color) .uk-marker,
.uk-tile-secondary:not(.uk-preserve-color) .uk-marker,
.uk-card-primary.uk-card-body .uk-marker,
.uk-card-primary > :not([class*='uk-card-media']) .uk-marker,
.uk-card-secondary.uk-card-body .uk-marker,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-marker,
.uk-overlay-primary .uk-marker,
.ap-toolbar .uk-marker {
background: #f8f8f8;
color: #666;
}
.uk-light .uk-marker:hover,
.uk-light .uk-marker:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-marker:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-marker:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-marker:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-marker:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-marker:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-marker:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-marker:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-marker:focus,
.uk-card-primary.uk-card-body .uk-marker:hover,
.uk-card-primary.uk-card-body .uk-marker:focus,
.uk-card-primary > :not([class*='uk-card-media']) .uk-marker:hover,
.uk-card-primary > :not([class*='uk-card-media']) .uk-marker:focus,
.uk-card-secondary.uk-card-body .uk-marker:hover,
.uk-card-secondary.uk-card-body .uk-marker:focus,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-marker:hover,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-marker:focus,
.uk-overlay-primary .uk-marker:hover,
.uk-overlay-primary .uk-marker:focus,
.ap-toolbar .uk-marker:hover,
.ap-toolbar .uk-marker:focus {
color: #666;
}
.uk-light .uk-badge,
.uk-section-primary:not(.uk-preserve-color) .uk-badge,
.uk-section-secondary:not(.uk-preserve-color) .uk-badge,
.uk-tile-primary:not(.uk-preserve-color) .uk-badge,
.uk-tile-secondary:not(.uk-preserve-color) .uk-badge,
.uk-card-primary.uk-card-body .uk-badge,
.uk-card-primary > :not([class*='uk-card-media']) .uk-badge,
.uk-card-secondary.uk-card-body .uk-badge,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-badge,
.uk-overlay-primary .uk-badge,
.ap-toolbar .uk-badge {
background-color: #ffffff;
color: #333;
}
.uk-light .uk-label,
.uk-section-primary:not(.uk-preserve-color) .uk-label,
.uk-section-secondary:not(.uk-preserve-color) .uk-label,
.uk-tile-primary:not(.uk-preserve-color) .uk-label,
.uk-tile-secondary:not(.uk-preserve-color) .uk-label,
.uk-card-primary.uk-card-body .uk-label,
.uk-card-primary > :not([class*='uk-card-media']) .uk-label,
.uk-card-secondary.uk-card-body .uk-label,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-label,
.uk-overlay-primary .uk-label,
.ap-toolbar .uk-label {
background-color: #ffffff;
}
.uk-light .uk-article-title,
.uk-section-primary:not(.uk-preserve-color) .uk-article-title,
.uk-section-secondary:not(.uk-preserve-color) .uk-article-title,
.uk-tile-primary:not(.uk-preserve-color) .uk-article-title,
.uk-tile-secondary:not(.uk-preserve-color) .uk-article-title,
.uk-card-primary.uk-card-body .uk-article-title,
.uk-card-primary > :not([class*='uk-card-media']) .uk-article-title,
.uk-card-secondary.uk-card-body .uk-article-title,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-article-title,
.uk-overlay-primary .uk-article-title,
.ap-toolbar .uk-article-title {
color: #ffffff;
}
.uk-light .uk-nav-default > li > a:hover,
.uk-light .uk-nav-default > li > a:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li > a:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li > a:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li > a:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li > a:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:focus,
.uk-card-primary.uk-card-body .uk-nav-default > li > a:hover,
.uk-card-primary.uk-card-body .uk-nav-default > li > a:focus,
.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default > li > a:hover,
.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default > li > a:focus,
.uk-card-secondary.uk-card-body .uk-nav-default > li > a:hover,
.uk-card-secondary.uk-card-body .uk-nav-default > li > a:focus,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default > li > a:hover,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default > li > a:focus,
.uk-overlay-primary .uk-nav-default > li > a:hover,
.uk-overlay-primary .uk-nav-default > li > a:focus,
.ap-toolbar .uk-nav-default > li > a:hover,
.ap-toolbar .uk-nav-default > li > a:focus {
color: rgba(197, 57, 15, 0.7);
background-color: transparent;
}
.uk-light .uk-nav-default > li.uk-active > a,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a,
.uk-card-primary.uk-card-body .uk-nav-default > li.uk-active > a,
.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default > li.uk-active > a,
.uk-card-secondary.uk-card-body .uk-nav-default > li.uk-active > a,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default > li.uk-active > a,
.uk-overlay-primary .uk-nav-default > li.uk-active > a,
.ap-toolbar .uk-nav-default > li.uk-active > a {
color: #ffffff;
background-color: transparent;
}
.uk-light .uk-nav-default .uk-nav-header,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header,
.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-header,
.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-header,
.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-header,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-header,
.uk-overlay-primary .uk-nav-default .uk-nav-header,
.ap-toolbar .uk-nav-default .uk-nav-header {
color: #ffffff;
}
.uk-light .uk-nav-primary > li.uk-active > a,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a,
.uk-card-primary.uk-card-body .uk-nav-primary > li.uk-active > a,
.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary > li.uk-active > a,
.uk-card-secondary.uk-card-body .uk-nav-primary > li.uk-active > a,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary > li.uk-active > a,
.uk-overlay-primary .uk-nav-primary > li.uk-active > a,
.ap-toolbar .uk-nav-primary > li.uk-active > a {
color: #ffffff;
}
.uk-light .uk-nav-primary .uk-nav-header,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header,
.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-header,
.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-header,
.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-header,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-header,
.uk-overlay-primary .uk-nav-primary .uk-nav-header,
.ap-toolbar .uk-nav-primary .uk-nav-header {
color: #ffffff;
}
.uk-light .uk-navbar-nav > li > a::before,
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a::before,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a::before,
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a::before,
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a::before,
.uk-card-primary.uk-card-body .uk-navbar-nav > li > a::before,
.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a::before,
.uk-card-secondary.uk-card-body .uk-navbar-nav > li > a::before,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a::before,
.uk-overlay-primary .uk-navbar-nav > li > a::before,
.ap-toolbar .uk-navbar-nav > li > a::before {
background-color: transparent;
}
.uk-light .uk-navbar-nav > li:hover > a,
.uk-light .uk-navbar-nav > li > a:focus,
.uk-light .uk-navbar-nav > li > a.uk-open,
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a,
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a.uk-open,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a.uk-open,
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a,
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a.uk-open,
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a.uk-open,
.uk-card-primary.uk-card-body .uk-navbar-nav > li:hover > a,
.uk-card-primary.uk-card-body .uk-navbar-nav > li > a:focus,
.uk-card-primary.uk-card-body .uk-navbar-nav > li > a.uk-open,
.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li:hover > a,
.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a:focus,
.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a.uk-open,
.uk-card-secondary.uk-card-body .uk-navbar-nav > li:hover > a,
.uk-card-secondary.uk-card-body .uk-navbar-nav > li > a:focus,
.uk-card-secondary.uk-card-body .uk-navbar-nav > li > a.uk-open,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li:hover > a,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a:focus,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a.uk-open,
.uk-overlay-primary .uk-navbar-nav > li:hover > a,
.uk-overlay-primary .uk-navbar-nav > li > a:focus,
.uk-overlay-primary .uk-navbar-nav > li > a.uk-open,
.ap-toolbar .uk-navbar-nav > li:hover > a,
.ap-toolbar .uk-navbar-nav > li > a:focus,
.ap-toolbar .uk-navbar-nav > li > a.uk-open {
color: #ffffff;
}
.uk-light .uk-navbar-nav > li.uk-active > a,
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a,
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a,
.uk-card-primary.uk-card-body .uk-navbar-nav > li.uk-active > a,
.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li.uk-active > a,
.uk-card-secondary.uk-card-body .uk-navbar-nav > li.uk-active > a,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li.uk-active > a,
.uk-overlay-primary .uk-navbar-nav > li.uk-active > a,
.ap-toolbar .uk-navbar-nav > li.uk-active > a {
color: #ffffff;
}
.uk-light .uk-navbar-nav > li.uk-active > a::before,
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a::before,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a::before,
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a::before,
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a::before,
.uk-card-primary.uk-card-body .uk-navbar-nav > li.uk-active > a::before,
.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li.uk-active > a::before,
.uk-card-secondary.uk-card-body .uk-navbar-nav > li.uk-active > a::before,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li.uk-active > a::before,
.uk-overlay-primary .uk-navbar-nav > li.uk-active > a::before,
.ap-toolbar .uk-navbar-nav > li.uk-active > a::before {
background-color: #3771fa;
}
.uk-light .uk-navbar-toggle,
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle,
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle,
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle,
.uk-card-primary.uk-card-body .uk-navbar-toggle,
.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-toggle,
.uk-card-secondary.uk-card-body .uk-navbar-toggle,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-toggle,
.uk-overlay-primary .uk-navbar-toggle,
.ap-toolbar .uk-navbar-toggle {
color: #ffffff;
}
.uk-light .uk-subnav > .uk-active > a,
.uk-section-primary:not(.uk-preserve-color) .uk-subnav > .uk-active > a,
.uk-section-secondary:not(.uk-preserve-color) .uk-subnav > .uk-active > a,
.uk-tile-primary:not(.uk-preserve-color) .uk-subnav > .uk-active > a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > .uk-active > a,
.uk-card-primary.uk-card-body .uk-subnav > .uk-active > a,
.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav > .uk-active > a,
.uk-card-secondary.uk-card-body .uk-subnav > .uk-active > a,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav > .uk-active > a,
.uk-overlay-primary .uk-subnav > .uk-active > a,
.ap-toolbar .uk-subnav > .uk-active > a {
color: #ffffff;
}
.uk-light .uk-subnav-pill > .uk-active > a,
.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a,
.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a,
.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a,
.uk-card-primary.uk-card-body .uk-subnav-pill > .uk-active > a,
.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav-pill > .uk-active > a,
.uk-card-secondary.uk-card-body .uk-subnav-pill > .uk-active > a,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav-pill > .uk-active > a,
.uk-overlay-primary .uk-subnav-pill > .uk-active > a,
.ap-toolbar .uk-subnav-pill > .uk-active > a {
background-color: #ffffff;
box-shadow: none;
}
.uk-light .uk-tab > .uk-active > a,
.uk-section-primary:not(.uk-preserve-color) .uk-tab > .uk-active > a,
.uk-section-secondary:not(.uk-preserve-color) .uk-tab > .uk-active > a,
.uk-tile-primary:not(.uk-preserve-color) .uk-tab > .uk-active > a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-tab > .uk-active > a,
.uk-card-primary.uk-card-body .uk-tab > .uk-active > a,
.uk-card-primary > :not([class*='uk-card-media']) .uk-tab > .uk-active > a,
.uk-card-secondary.uk-card-body .uk-tab > .uk-active > a,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-tab > .uk-active > a,
.uk-overlay-primary .uk-tab > .uk-active > a,
.ap-toolbar .uk-tab > .uk-active > a {
color: #ffffff;
border-color: #ffffff;
}
.uk-light .uk-dotnav > .uk-active > *,
.uk-section-primary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *,
.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *,
.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *,
.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *,
.uk-card-primary.uk-card-body .uk-dotnav > .uk-active > *,
.uk-card-primary > :not([class*='uk-card-media']) .uk-dotnav > .uk-active > *,
.uk-card-secondary.uk-card-body .uk-dotnav > .uk-active > *,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-dotnav > .uk-active > *,
.uk-overlay-primary .uk-dotnav > .uk-active > *,
.ap-toolbar .uk-dotnav > .uk-active > * {
background-color: #ffffff;
border-color: transparent;
}
.uk-light .uk-countdown-number,
.uk-light .uk-countdown-separator,
.uk-section-primary:not(.uk-preserve-color) .uk-countdown-number,
.uk-section-primary:not(.uk-preserve-color) .uk-countdown-separator,
.uk-section-secondary:not(.uk-preserve-color) .uk-countdown-number,
.uk-section-secondary:not(.uk-preserve-color) .uk-countdown-separator,
.uk-tile-primary:not(.uk-preserve-color) .uk-countdown-number,
.uk-tile-primary:not(.uk-preserve-color) .uk-countdown-separator,
.uk-tile-secondary:not(.uk-preserve-color) .uk-countdown-number,
.uk-tile-secondary:not(.uk-preserve-color) .uk-countdown-separator,
.uk-card-primary.uk-card-body .uk-countdown-number,
.uk-card-primary.uk-card-body .uk-countdown-separator,
.uk-card-primary > :not([class*='uk-card-media']) .uk-countdown-number,
.uk-card-primary > :not([class*='uk-card-media']) .uk-countdown-separator,
.uk-card-secondary.uk-card-body .uk-countdown-number,
.uk-card-secondary.uk-card-body .uk-countdown-separator,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-countdown-number,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-countdown-separator,
.uk-overlay-primary .uk-countdown-number,
.uk-overlay-primary .uk-countdown-separator,
.ap-toolbar .uk-countdown-number,
.ap-toolbar .uk-countdown-separator {
color: #ffffff;
}
.uk-light .uk-countdown-label,
.uk-section-primary:not(.uk-preserve-color) .uk-countdown-label,
.uk-section-secondary:not(.uk-preserve-color) .uk-countdown-label,
.uk-tile-primary:not(.uk-preserve-color) .uk-countdown-label,
.uk-tile-secondary:not(.uk-preserve-color) .uk-countdown-label,
.uk-card-primary.uk-card-body .uk-countdown-label,
.uk-card-primary > :not([class*='uk-card-media']) .uk-countdown-label,
.uk-card-secondary.uk-card-body .uk-countdown-label,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-countdown-label,
.uk-overlay-primary .uk-countdown-label,
.ap-toolbar .uk-countdown-label {
color: #ffffff;
}
.uk-light .uk-text-lead,
.uk-section-primary:not(.uk-preserve-color) .uk-text-lead,
.uk-section-secondary:not(.uk-preserve-color) .uk-text-lead,
.uk-tile-primary:not(.uk-preserve-color) .uk-text-lead,
.uk-tile-secondary:not(.uk-preserve-color) .uk-text-lead,
.uk-card-primary.uk-card-body .uk-text-lead,
.uk-card-primary > :not([class*='uk-card-media']) .uk-text-lead,
.uk-card-secondary.uk-card-body .uk-text-lead,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-text-lead,
.uk-overlay-primary .uk-text-lead,
.ap-toolbar .uk-text-lead {
color: #ffffff;
}
/* Header
========================================================================== */
/*
* Header
*/
/*
* Headerbars
*/
.ap-headerbar-top {
padding-top: 40px;
padding-bottom: 40px;
background: #ffffff;
}
.ap-headerbar-bottom {
padding-top: 40px;
padding-bottom: 40px;
background: #ffffff;
}
.ap-header .uk-navbar-nav .menu-item a {
position: relative;
}
.ap-header .uk-navbar-nav .menu-item a:hover,
.ap-header .uk-navbar-nav .uk-active a {
font-weight: bolder;
}
.ap-header .uk-navbar-nav .menu-item a:hover::before,
.ap-header .uk-navbar-nav .uk-active a::before {
right: 15px;
display: block;
}
.ap-header-transparent {
position: absolute;
z-index: 980;
left: 0;
right: 0;
}
.ap-header-transparent .uk-navbar-nav .menu-item a {
position: relative;
color: #fff;
}
.ap-header-transparent .uk-navbar-nav .menu-item a:hover::before,
.ap-header-transparent .uk-navbar-nav .uk-active a::before {
background-color: #fff;
}
.uk-navbar-transparent {
position: absolute;
left: 0;
right: 0;
top: 0;
height: 80px;
z-index: 100;
transition: background-color 0.3s ease-in;
}
.uk-navbar-transparent.uk-sticky-below {
z-index: 1000;
}
.uk-navbar-transparent.uk-sticky-below .uk-navbar-nav > li.uk-active > a,
.uk-navbar-transparent.uk-sticky-below .uk-navbar-nav > li > a:hover {
color: #292929;
}
.uk-navbar-transparent.uk-sticky-below .uk-navbar-nav > li > a {
color: #4f5260;
}
.uk-section-secondary .uk-navbar-transparent.uk-sticky-below,
.uk-section-secondary .uk-navbar-container:not(.uk-navbar-transparent) {
background: rgba(55, 113, 250, 0.94);
}
.uk-section-secondary .uk-navbar-transparent.uk-sticky-below .uk-navbar-nav > li > a,
.uk-section-secondary .uk-navbar-transparent.uk-sticky-below .uk-navbar-nav > li > a:hover {
color: #fff;
}
.uk-section-primary .uk-navbar-container.uk-navbar-sticky {
background-color: #3771fa;
}
.uk-section-muted .uk-navbar-container.uk-navbar-sticky {
background-color: #f8f8f8;
}
.uk-section-primary .uk-navbar-container.uk-navbar-sticky {
background-color: #3771fa;
}
.uk-navbar-container:not(.uk-navbar-transparent) {
background: transparent;
}
.uk-navbar-sticky {
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.07);
}
.uk-navbar-nav > li > a::before {
content: '';
display: none;
position: absolute;
bottom: 24px;
height: 1px;
background-color: #00a0de;
-webkit-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
-webkit-transition-property: background-color, border-color, box-shadow, height, right;
transition-property: background-color, border-color, box-shadow, height, right;
left: 15px;
right: calc(77%);
}
.category .uk-pagination li.uk-active,
.ap-pagination li.uk-active,
.dynamic-pagination li.uk-active,
.category .uk-pagination li.active,
.ap-pagination li.active,
.dynamic-pagination li.active {
background-color: #3771fa;
border-color: #3771fa;
}
.category .uk-pagination li:hover,
.ap-pagination li:hover,
.dynamic-pagination li:hover {
border-color: #3771fa;
}
/* ========================================================================
Component: Padding
========================================================================== */
/* mobile */
@media (max-width: 640px) {
.uk-padding {
padding: 14px;
}
.uk-padding-small {
padding: 12px 15px 8px;
}
* + .uk-margin-medium {
margin-top: 12px !important;
}
.uk-margin-medium {
margin-bottom: 16px;
}
.uk-button {
padding: 0 12px;
line-height: 30px;
}
.uk-card-default .uk-card-title,
.uk-card-title {
font-size: 1rem;
}
.uk-card-body {
padding: 10px;
}
.uk-tile-large {
padding-top: 30px;
padding-bottom: 30px;
}
.uk-heading-primary,
.uk-heading-hero,
.uk-h1,
h1 {
font-size: 1.75rem;
}
.uk-h2,
h2 {
font-size: 1.25rem;
}
.uk-h3,
h3 {
font-size: 1.125rem;
}
.uk-h4,
h4 {
font-size: .875rem;
}
.uk-h5,
h5,
.uk-h6,
h6 {
font-size: .75rem;
}
.uk-margin {
margin-bottom: 14px;
}
* + .uk-margin {
margin-top: 14px!important;
}
.uk-grid {
margin-left: -6px;
}
.uk-grid > * {
padding-left: 6px;
}
* + .uk-grid-margin,
.uk-grid + .uk-grid,
.uk-grid > .uk-grid-margin {
margin-top: 12px;
}
.uk-grid + .uk-grid-collapse,
.uk-grid-collapse > .uk-grid-margin {
margin-top: 0;
}
.uk-grid-collapse > * {
padding-left: 0;
}
.uk-grid-collapse {
margin-left: 0;
}
.uk-card-small .uk-card-body,
.uk-card-small.uk-card-body {
padding: 6px;
}
.uk-section {
padding-top: 16px;
padding-bottom: 16px;
}
.uk-section-xsmall {
padding-top: 6px;
padding-bottom: 6px;
}
.uk-section-small {
padding-top: 12px;
padding-bottom: 12px;
}
.uk-margin-large-top {
margin-top: 26px !important;
}
.uk-margin-large {
margin-bottom: 26px;
}
.ap-pagination li,
.dynamic-pagination li {
height: 24px;
}
.dynamic-pagination li a {
padding: 0 2px;
line-height: 24px;
min-width: 24px;
font-size: 12px;
}
}
.preview .uk-section-secondary .uk-button-primary:hover {
background-color: #064ef8;
}
.ap-list-filter dd a.active {
background-color: #3771fa;
color: #fff;
border-radius: 2px;
}
.ap-filter-dropdown .filter-item-wrap.open,
.ap-filter-dropdown .filter-item.active {
color: #3771fa;
}
.category li a.active {
color: #3771fa;
}
.uk-lightbox-items > * > video {
width: 80%;
}
/* 兼容uk-heading-primary */
@media (min-width: 1200px) {
.uk-heading-primary {
font-size: 3.75rem;
line-height: 1.1;
}
}
.uk-list ul {
padding-left: 10px;
}
.onepage-pagination li a.active:before {
background: #3771fa;
}
.fr-text-bordered {
padding-top: 6px;
padding-bottom: 6px;
border-top: 1px solid #f1f1f1;
border-bottom: 1px solid #f1f1f1;
}
.fr-text-uppercase {
text-transform: uppercase;
}
.param-field .param-tag {
color: #3771fa;
border: 1px solid rgba(55, 113, 250, 0.2);
}
form .step .step-bg-progress,
form .add-file .file-btn,
form .step-btns a,
form .step .ui-step.active .ui-step-num {
background: #3771fa;
}
form .step .ui-step.active .ui-step-title {
color: #3771fa;
}
/**************** 自定义版å—æ ·å¼ ********************/
.btn-effect-1 {
border-color: #3771fa;
background-color: #3771fa;
color: #fff;
}
.header-effect-6 [data-item='title']::before {
background-color: #3771fa;
}
.header-effect-7 [data-item='subTitle'] {
display: inline-block;
padding: 2px 8px;
font-size: 12px;
background-color: #3771fa;
color: #fff !important;
}
.btn-effect-2 {
background-color: transparent;
border: 1px solid #3771fa;
color: #3771fa;
}
.btn-effect-2:hover {
background-color: #3771fa;
}
.uk-button.btn-effect-5 {
background-color: #3771fa;
box-shadow: 0 0 15px rgba(55, 113, 250, 0.8);
}
.header-effect-3 [data-item='title']::after {
background: #3771fa;
}
.header-effect-6 [data-item='title']::before {
background-color: #3771fa;
}
#a8155adc06a52a1 .ap-content-container {
height: 100%;
min-height: 40px;
}
@media (min-width: 1200px) {
#afb95a748faf8f0 .uk-container {
padding: 0 60px;
}
}
#afb95a748faf8f0 .date-time {
padding: 18px 0 20px;
font-size: 18px;
color: #3a3c41;
display: block;
text-align: center;
font-weight: 500;
text-transform: uppercase;
background: #fff;
border-top: 2px solid #3771fa;
}
#afb95a748faf8f0 .comments_count {
display: block;
padding: 14px 0 18px;
text-align: center;
background-color: #e7ecee;
}
#afb95a748faf8f0 .uk-card {
padding: 10px;
}
#afb95a748faf8f0 .tag-link {
background-color: #919292;
color: #fff;
display: inline-block;
font-weight: 400;
font-size: 13px !important;
}
#afb95a748faf8f0 .uk-list a.active,
#afb95a748faf8f0 .uk-list a:hover {
color: #3771fa;
text-decoration: none;
}
#a5086ac45ba24d7 .uk-container {
line-height: 2;
color: #999;
}
#ad619ab44aa6feb .img-wrap {
box-shadow: NaNpx NaNpx 0px 0px #3771fa;
}
#a1aabab269ac5b8 form {
width: 100%;
height: 100%;
}
#a1aabab269ac5b8 .search-box {
text-align: center;
margin-right: -10px;
font-size: 14px;
height: 100%;
}
#a1aabab269ac5b8 .search-box .select-text {
line-height: 1;
cursor: pointer;
padding: 0 10px;
white-space: nowrap;
padding-left: 18px;
height: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
#a1aabab269ac5b8 .search-box .search-type {
padding: 0;
margin: 0;
position: absolute;
left: 0;
top: 40px;
display: none;
z-index: 999999;
}
#a1aabab269ac5b8 .search-box .search-type.show {
display: block;
}
#a1aabab269ac5b8 .search-box .search-type li {
text-align: center;
line-height: 40px;
background: #f7f7f7;
cursor: pointer;
padding: 0 18px;
}
#a1aabab269ac5b8 .search-box .search-type li:hover {
color: #3771fa;
}
#a1aabab269ac5b8 .search-box .search-type li.active {
color: #3771fa;
}
#a1aabab269ac5b8 .inner-form {
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
border-radius: NaNpx;
background-color: #f7f7f7;
overflow: hidden;
}
#a1aabab269ac5b8 .inner-form .input-field {
height: 100%;
}
#a1aabab269ac5b8 .inner-form .input-field input {
height: 100%;
background: transparent;
border: 0;
display: block;
width: 100%;
padding: 10px 0;
font-weight: normal;
font-style: normal;
font-size: 14px;
font-family: inherit;
color: #000;
}
#a1aabab269ac5b8 .inner-form .input-field input.placeholder {
font-size: 14px;
color: #262626;
}
#a1aabab269ac5b8 .inner-form .input-field input:-moz-placeholder {
font-size: 14px;
color: #262626;
}
#a1aabab269ac5b8 .inner-form .input-field input::-webkit-input-placeholder {
font-size: 14px;
color: #262626;
}
#a1aabab269ac5b8 .inner-form .input-field input:focus {
box-shadow: none;
outline: 0;
}
#a1aabab269ac5b8 .inner-form .input-field.first-wrap {
-ms-flex-positive: 1;
flex-grow: 1;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
background: #f7f7f7;
position: relative;
}
#a1aabab269ac5b8 .inner-form .input-field.first-wrap input {
-ms-flex-positive: 1;
flex-grow: 1;
}
#a1aabab269ac5b8 .inner-form .input-field.first-wrap svg {
width: 20px;
height: 20px;
display: inline-block;
fill: #000;
margin: 0 15px;
}
#a1aabab269ac5b8 .inner-form .input-field.second-wrap {
min-width: 100px;
}
#a1aabab269ac5b8 .btn-search {
height: 100%;
width: 100%;
white-space: nowrap;
font-size: 16px;
border: 0;
cursor: pointer;
position: relative;
z-index: 0;
background: #3771fa;
color: #fff;
transition: all 0.2s ease-out, color 0.2s ease-out;
font-weight: 300;
border-top-right-radius: NaNpx;
border-bottom-right-radius: NaNpx;
overflow: hidden;
}
#a1aabab269ac5b8 .btn-search:hover {
background: #3771fa;
}
#a1aabab269ac5b8 .btn-search:focus {
outline: 0;
box-shadow: none;
}
#aa2cdac6bfae712 > .ele-wrap {background-color: rgba(55, 113, 250, 1);border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;border-top-left-radius: 0px;border-top-right-radius: 0px;border-top-color: rgba(0, 0, 0, 0);border-right-color: rgba(0, 0, 0, 0);border-bottom-color: rgba(0, 0, 0, 0);border-left-color: rgba(0, 0, 0, 0);border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;box-shadow: 0px 0px 0px 0px undefined;}#aa2cdac6bfae712 > .ele-wrap:hover {border-top-color: rgba(0, 0, 0, 0);border-right-color: rgba(0, 0, 0, 0);border-bottom-color: rgba(0, 0, 0, 0);border-left-color: rgba(0, 0, 0, 0);box-shadow: 0px 0px 0px 0px undefined;}#a2169a588dac629 .menu-list {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
position: relative;
list-style: none;
background: #3771fa;
text-align: left;
}
#a2169a588dac629 .menu-list li {
height: 100%;
margin: 0;
position: relative;
text-align: center;
flex-shrink: 0;
}
#a2169a588dac629 .ap-icon {
margin-right: 6px;
}
#a2169a588dac629 .indicator {
margin-left: 4px;
}
#a2169a588dac629 .menu-list > li > a {
display: flex;
height: 100%;
align-items: center;
justify-content: center;
font-size: 14px;
padding: 0 20px;
text-decoration: none;
text-transform: uppercase;
-webkit-transition: color 0.2s linear, background 0.2s linear;
-moz-transition: color 0.2s linear, background 0.2s linear;
-o-transition: color 0.2s linear, background 0.2s linear;
transition: color 0.2s linear, background 0.2s linear;
background-color: #3771fa;
font-weight: normal;
font-style: normal;
font-size: 16px;
font-family: inherit;
color: #ffffff;
}
#a2169a588dac629 .menu-list li:hover > a,
#a2169a588dac629 .menu-list li.active > a {
background: #fb9863;
background-color: #fb9863;
font-weight: normal;
font-style: normal;
font-size: 16px;
font-family: inherit;
color: #ffffff;
}
#a2169a588dac629 .menu-list li.active > a {
font-weight: normal;
font-style: normal;
font-size: 16px;
font-family: inherit;
color: #ffffff;
background-color: #fb9863;
}
#a2169a588dac629 .menu-list ul,
#a2169a588dac629 .menu-list ul li ul {
list-style: none;
margin: 0;
padding: 0;
display: none;
position: absolute;
z-index: 99999;
background: #333;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
#a2169a588dac629 .menu-list ul {
top: 69px;
left: 50%;
transform: translateX(-50%);
}
#a2169a588dac629 .menu-list ul li ul {
top: 0;
left: 100%;
}
#a2169a588dac629 .menu-list ul li {
clear: both;
width: 100%;
border: none;
}
#a2169a588dac629 .menu-list ul li a {
padding: 10px 15px;
width: 100%;
color: #dedede;
font-size: 13px;
text-decoration: none;
display: inline-block;
float: left;
white-space: nowrap;
clear: both;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-transition: color 0.2s linear, background 0.2s linear;
-moz-transition: color 0.2s linear, background 0.2s linear;
-o-transition: color 0.2s linear, background 0.2s linear;
transition: color 0.2s linear, background 0.2s linear;
}
#a1f1da53c5a9a81 > .ele-wrap {background-color: rgba(66, 66, 66, 1);border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;border-top-left-radius: 0px;border-top-right-radius: 0px;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;box-shadow: 0px 0px 0px 0px undefined;}#a1f1da53c5a9a81 > .ele-wrap:hover {box-shadow: 0px 0px 0px 0px undefined;}#aa755aa092aef4e .gallery-thumbnails .uk-thumbnav {
justify-content: center;
}
#aa755aa092aef4e .gallery-thumbnails .uk-thumbnav > * {
padding-left: 8px;
}
#a8155adc06a52a1 .ap-content-container {
height: 100%;
min-height: 40px;
}
@media (min-width: 1200px) {
#aabb2a58d4a5f95 .uk-container {
padding: 0 60px;
}
}
@media (min-width: 980px) {
#aabb2a58d4a5f95 .sidebar {
width: 300px;
padding: 1;
}
}
#aabb2a58d4a5f95 .author-avatar {
width: 80px;
height: 80px;
border-radius: 50%;
border: 1px solid #ccc;
margin-right: 15px;
}
#aabb2a58d4a5f95 .rich-img-wrap {
display: block;
}
#aabb2a58d4a5f95 .author-name {
color: #262626;
display: block;
font-size: 20px;
height: 28px;
line-height: 28px;
}
#aabb2a58d4a5f95 .author-info span {
background: #fefeff;
border: 1px solid #3771fa;
color: #3771fa;
display: inline-block;
font-size: 12px;
height: 18px;
line-height: 18px;
margin-top: 4px;
padding: 0 6px;
text-align: center;
}
#aabb2a58d4a5f95 .sidebar .border-1 {
padding: 15px 16px 40px;
border-radius: 3px;
overflow: hidden;
border-top: 3px solid #3771fa;
}
#aabb2a58d4a5f95 .new-list {
padding: 15px 0 0;
border-top: 1px solid #ececec;
}
#aabb2a58d4a5f95 .sidebar .uk-h4 {
color: #262626;
font-size: 14px;
margin: 0;
}
#aabb2a58d4a5f95 .sidebar .uk-h4:before {
background: #3771fa;
content: "";
display: inline-block;
height: 10px;
margin: 0 6px 0 0;
width: 2px;
}
#aabb2a58d4a5f95 .author-wrapper {
position: relative;
}
#aabb2a58d4a5f95 .sidebar h3 {
font-size: 16px;
line-height: 25px;
color: #262626;
}
#aabb2a58d4a5f95 .sidebar h3::after {
border: .5px solid #ddd;
content: "";
display: block;
height: 0;
margin-top: 10px;
width: 20px;
}
#aabb2a58d4a5f95 .sidebar .footer-tip {
text-align: center;
line-height: 40px;
color: #fff;
height: 40px;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
}
#aabb2a58d4a5f95 .new-list li {
padding: 5px 0 15px;
}
#aabb2a58d4a5f95 .sidebar a {
font-size: 14px;
color: #262626;
line-height: 20px;
padding-bottom: 4px;
display: block;
}
#aabb2a58d4a5f95 .sidebar a:hover {
color: #5f8dfb;
}
#aabb2a58d4a5f95 .new-list li span {
font-size: 12px;
color: #a7a7a7;
}
#a8052a5caaa2f96 .uk-container {
line-height: 2;
color: #999;
}
#ad619ab44aa6feb .img-wrap {
box-shadow: NaNpx NaNpx 0px 0px #3771fa;
}
#a1aabab269ac5b8 form {
width: 100%;
height: 100%;
}
#a1aabab269ac5b8 .search-box {
text-align: center;
margin-right: -10px;
font-size: 14px;
height: 100%;
}
#a1aabab269ac5b8 .search-box .select-text {
line-height: 1;
cursor: pointer;
padding: 0 10px;
white-space: nowrap;
padding-left: 18px;
height: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
#a1aabab269ac5b8 .search-box .search-type {
padding: 0;
margin: 0;
position: absolute;
left: 0;
top: 40px;
display: none;
z-index: 999999;
}
#a1aabab269ac5b8 .search-box .search-type.show {
display: block;
}
#a1aabab269ac5b8 .search-box .search-type li {
text-align: center;
line-height: 40px;
background: #f7f7f7;
cursor: pointer;
padding: 0 18px;
}
#a1aabab269ac5b8 .search-box .search-type li:hover {
color: #3771fa;
}
#a1aabab269ac5b8 .search-box .search-type li.active {
color: #3771fa;
}
#a1aabab269ac5b8 .inner-form {
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
border-radius: NaNpx;
background-color: #f7f7f7;
overflow: hidden;
}
#a1aabab269ac5b8 .inner-form .input-field {
height: 100%;
}
#a1aabab269ac5b8 .inner-form .input-field input {
height: 100%;
background: transparent;
border: 0;
display: block;
width: 100%;
padding: 10px 0;
font-weight: normal;
font-style: normal;
font-size: 14px;
font-family: inherit;
color: #000;
}
#a1aabab269ac5b8 .inner-form .input-field input.placeholder {
font-size: 14px;
color: #262626;
}
#a1aabab269ac5b8 .inner-form .input-field input:-moz-placeholder {
font-size: 14px;
color: #262626;
}
#a1aabab269ac5b8 .inner-form .input-field input::-webkit-input-placeholder {
font-size: 14px;
color: #262626;
}
#a1aabab269ac5b8 .inner-form .input-field input:focus {
box-shadow: none;
outline: 0;
}
#a1aabab269ac5b8 .inner-form .input-field.first-wrap {
-ms-flex-positive: 1;
flex-grow: 1;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
background: #f7f7f7;
position: relative;
}
#a1aabab269ac5b8 .inner-form .input-field.first-wrap input {
-ms-flex-positive: 1;
flex-grow: 1;
}
#a1aabab269ac5b8 .inner-form .input-field.first-wrap svg {
width: 20px;
height: 20px;
display: inline-block;
fill: #000;
margin: 0 15px;
}
#a1aabab269ac5b8 .inner-form .input-field.second-wrap {
min-width: 100px;
}
#a1aabab269ac5b8 .btn-search {
height: 100%;
width: 100%;
white-space: nowrap;
font-size: 16px;
border: 0;
cursor: pointer;
position: relative;
z-index: 0;
background: #3771fa;
color: #fff;
transition: all 0.2s ease-out, color 0.2s ease-out;
font-weight: 300;
border-top-right-radius: NaNpx;
border-bottom-right-radius: NaNpx;
overflow: hidden;
}
#a1aabab269ac5b8 .btn-search:hover {
background: #3771fa;
}
#a1aabab269ac5b8 .btn-search:focus {
outline: 0;
box-shadow: none;
}
#aa2cdac6bfae712 > .ele-wrap {background-color: rgba(55, 113, 250, 1);border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;border-top-left-radius: 0px;border-top-right-radius: 0px;border-top-color: rgba(0, 0, 0, 0);border-right-color: rgba(0, 0, 0, 0);border-bottom-color: rgba(0, 0, 0, 0);border-left-color: rgba(0, 0, 0, 0);border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;box-shadow: 0px 0px 0px 0px undefined;}#aa2cdac6bfae712 > .ele-wrap:hover {border-top-color: rgba(0, 0, 0, 0);border-right-color: rgba(0, 0, 0, 0);border-bottom-color: rgba(0, 0, 0, 0);border-left-color: rgba(0, 0, 0, 0);box-shadow: 0px 0px 0px 0px undefined;}#a2169a588dac629 .menu-list {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
position: relative;
list-style: none;
background: #3771fa;
text-align: left;
}
#a2169a588dac629 .menu-list li {
height: 100%;
margin: 0;
position: relative;
text-align: center;
flex-shrink: 0;
}
#a2169a588dac629 .ap-icon {
margin-right: 6px;
}
#a2169a588dac629 .indicator {
margin-left: 4px;
}
#a2169a588dac629 .menu-list > li > a {
display: flex;
height: 100%;
align-items: center;
justify-content: center;
font-size: 14px;
padding: 0 20px;
text-decoration: none;
text-transform: uppercase;
-webkit-transition: color 0.2s linear, background 0.2s linear;
-moz-transition: color 0.2s linear, background 0.2s linear;
-o-transition: color 0.2s linear, background 0.2s linear;
transition: color 0.2s linear, background 0.2s linear;
background-color: #3771fa;
font-weight: normal;
font-style: normal;
font-size: 16px;
font-family: inherit;
color: #ffffff;
}
#a2169a588dac629 .menu-list li:hover > a,
#a2169a588dac629 .menu-list li.active > a {
background: #fb9863;
background-color: #fb9863;
font-weight: normal;
font-style: normal;
font-size: 16px;
font-family: inherit;
color: #ffffff;
}
#a2169a588dac629 .menu-list li.active > a {
font-weight: normal;
font-style: normal;
font-size: 16px;
font-family: inherit;
color: #ffffff;
background-color: #fb9863;
}
#a2169a588dac629 .menu-list ul,
#a2169a588dac629 .menu-list ul li ul {
list-style: none;
margin: 0;
padding: 0;
display: none;
position: absolute;
z-index: 99999;
background: #333;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
#a2169a588dac629 .menu-list ul {
top: 69px;
left: 50%;
transform: translateX(-50%);
}
#a2169a588dac629 .menu-list ul li ul {
top: 0;
left: 100%;
}
#a2169a588dac629 .menu-list ul li {
clear: both;
width: 100%;
border: none;
}
#a2169a588dac629 .menu-list ul li a {
padding: 10px 15px;
width: 100%;
color: #dedede;
font-size: 13px;
text-decoration: none;
display: inline-block;
float: left;
white-space: nowrap;
clear: both;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-transition: color 0.2s linear, background 0.2s linear;
-moz-transition: color 0.2s linear, background 0.2s linear;
-o-transition: color 0.2s linear, background 0.2s linear;
transition: color 0.2s linear, background 0.2s linear;
}
#a1f1da53c5a9a81 > .ele-wrap {background-color: rgba(66, 66, 66, 1);border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;border-top-left-radius: 0px;border-top-right-radius: 0px;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;box-shadow: 0px 0px 0px 0px undefined;}#a1f1da53c5a9a81 > .ele-wrap:hover {box-shadow: 0px 0px 0px 0px undefined;}#aa755aa092aef4e .gallery-thumbnails .uk-thumbnav {
justify-content: center;
}
#aa755aa092aef4e .gallery-thumbnails .uk-thumbnav > * {
padding-left: 8px;
}
#a8155adc06a52a1 .ap-content-container {
height: 100%;
min-height: 40px;
}
@media (min-width: 1200px) {
#ae681a5a47a3a59 .uk-container {
padding: 0 60px;
}
}
@media (min-width: 980px) {
#ae681a5a47a3a59 .sidebar {
width: 28.5%;
padding-left: 32px;
border-left: 1px solid #ececec;
margin-left: 32px;
}
}
#ae681a5a47a3a59 .sidebar .uk-h3 {
position: relative;
padding-bottom: 12px;
font-size: 18px;
}
#ae681a5a47a3a59 .sidebar .uk-h3:before {
content: ' ';
position: absolute;
width: 3px;
height: 100%;
left: -33px;
top: 0;
background-color: #3771fa;
}
#ae681a5a47a3a59 .sidebar .uk-h3:after {
content: ' ';
position: absolute;
width: 35px;
height: 1px;
left: 0;
bottom: 0;
background-color: #666666;
}
#ae681a5a47a3a59 .uk-list li::before {
color: #3771fa;
}
#ae681a5a47a3a59 .uk-list a {
color: #4c4c4c;
}
#ae681a5a47a3a59 .uk-list a.active,
#ae681a5a47a3a59 .uk-list a:hover {
color: #3771fa;
text-decoration: none;
}
#ae681a5a47a3a59 .post-sidebar-image {
width: 90px;
height: auto;
margin-right: 15px;
}
#ae681a5a47a3a59 .tag {
display: inline-block;
margin: 0 8px 10px 0;
border: 1px solid #ececec;
}
#ae681a5a47a3a59 .tag a {
line-height: 32px;
padding: 0 12px;
font-size: 14px;
color: #666666;
}
#adc2aa2b69a130c .uk-container {
line-height: 2;
color: #999;
}
#ad619ab44aa6feb .img-wrap {
box-shadow: NaNpx NaNpx 0px 0px #3771fa;
}
#a1aabab269ac5b8 form {
width: 100%;
height: 100%;
}
#a1aabab269ac5b8 .search-box {
text-align: center;
margin-right: -10px;
font-size: 14px;
height: 100%;
}
#a1aabab269ac5b8 .search-box .select-text {
line-height: 1;
cursor: pointer;
padding: 0 10px;
white-space: nowrap;
padding-left: 18px;
height: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
#a1aabab269ac5b8 .search-box .search-type {
padding: 0;
margin: 0;
position: absolute;
left: 0;
top: 40px;
display: none;
z-index: 999999;
}
#a1aabab269ac5b8 .search-box .search-type.show {
display: block;
}
#a1aabab269ac5b8 .search-box .search-type li {
text-align: center;
line-height: 40px;
background: #f7f7f7;
cursor: pointer;
padding: 0 18px;
}
#a1aabab269ac5b8 .search-box .search-type li:hover {
color: #3771fa;
}
#a1aabab269ac5b8 .search-box .search-type li.active {
color: #3771fa;
}
#a1aabab269ac5b8 .inner-form {
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
border-radius: NaNpx;
background-color: #f7f7f7;
overflow: hidden;
}
#a1aabab269ac5b8 .inner-form .input-field {
height: 100%;
}
#a1aabab269ac5b8 .inner-form .input-field input {
height: 100%;
background: transparent;
border: 0;
display: block;
width: 100%;
padding: 10px 0;
font-weight: normal;
font-style: normal;
font-size: 14px;
font-family: inherit;
color: #000;
}
#a1aabab269ac5b8 .inner-form .input-field input.placeholder {
font-size: 14px;
color: #262626;
}
#a1aabab269ac5b8 .inner-form .input-field input:-moz-placeholder {
font-size: 14px;
color: #262626;
}
#a1aabab269ac5b8 .inner-form .input-field input::-webkit-input-placeholder {
font-size: 14px;
color: #262626;
}
#a1aabab269ac5b8 .inner-form .input-field input:focus {
box-shadow: none;
outline: 0;
}
#a1aabab269ac5b8 .inner-form .input-field.first-wrap {
-ms-flex-positive: 1;
flex-grow: 1;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
background: #f7f7f7;
position: relative;
}
#a1aabab269ac5b8 .inner-form .input-field.first-wrap input {
-ms-flex-positive: 1;
flex-grow: 1;
}
#a1aabab269ac5b8 .inner-form .input-field.first-wrap svg {
width: 20px;
height: 20px;
display: inline-block;
fill: #000;
margin: 0 15px;
}
#a1aabab269ac5b8 .inner-form .input-field.second-wrap {
min-width: 100px;
}
#a1aabab269ac5b8 .btn-search {
height: 100%;
width: 100%;
white-space: nowrap;
font-size: 16px;
border: 0;
cursor: pointer;
position: relative;
z-index: 0;
background: #3771fa;
color: #fff;
transition: all 0.2s ease-out, color 0.2s ease-out;
font-weight: 300;
border-top-right-radius: NaNpx;
border-bottom-right-radius: NaNpx;
overflow: hidden;
}
#a1aabab269ac5b8 .btn-search:hover {
background: #3771fa;
}
#a1aabab269ac5b8 .btn-search:focus {
outline: 0;
box-shadow: none;
}
#aa2cdac6bfae712 > .ele-wrap {background-color: rgba(55, 113, 250, 1);border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;border-top-left-radius: 0px;border-top-right-radius: 0px;border-top-color: rgba(0, 0, 0, 0);border-right-color: rgba(0, 0, 0, 0);border-bottom-color: rgba(0, 0, 0, 0);border-left-color: rgba(0, 0, 0, 0);border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;box-shadow: 0px 0px 0px 0px undefined;}#aa2cdac6bfae712 > .ele-wrap:hover {border-top-color: rgba(0, 0, 0, 0);border-right-color: rgba(0, 0, 0, 0);border-bottom-color: rgba(0, 0, 0, 0);border-left-color: rgba(0, 0, 0, 0);box-shadow: 0px 0px 0px 0px undefined;}#a2169a588dac629 .menu-list {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
position: relative;
list-style: none;
background: #3771fa;
text-align: left;
}
#a2169a588dac629 .menu-list li {
height: 100%;
margin: 0;
position: relative;
text-align: center;
flex-shrink: 0;
}
#a2169a588dac629 .ap-icon {
margin-right: 6px;
}
#a2169a588dac629 .indicator {
margin-left: 4px;
}
#a2169a588dac629 .menu-list > li > a {
display: flex;
height: 100%;
align-items: center;
justify-content: center;
font-size: 14px;
padding: 0 20px;
text-decoration: none;
text-transform: uppercase;
-webkit-transition: color 0.2s linear, background 0.2s linear;
-moz-transition: color 0.2s linear, background 0.2s linear;
-o-transition: color 0.2s linear, background 0.2s linear;
transition: color 0.2s linear, background 0.2s linear;
background-color: #3771fa;
font-weight: normal;
font-style: normal;
font-size: 16px;
font-family: inherit;
color: #ffffff;
}
#a2169a588dac629 .menu-list li:hover > a,
#a2169a588dac629 .menu-list li.active > a {
background: #fb9863;
background-color: #fb9863;
font-weight: normal;
font-style: normal;
font-size: 16px;
font-family: inherit;
color: #ffffff;
}
#a2169a588dac629 .menu-list li.active > a {
font-weight: normal;
font-style: normal;
font-size: 16px;
font-family: inherit;
color: #ffffff;
background-color: #fb9863;
}
#a2169a588dac629 .menu-list ul,
#a2169a588dac629 .menu-list ul li ul {
list-style: none;
margin: 0;
padding: 0;
display: none;
position: absolute;
z-index: 99999;
background: #333;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
#a2169a588dac629 .menu-list ul {
top: 69px;
left: 50%;
transform: translateX(-50%);
}
#a2169a588dac629 .menu-list ul li ul {
top: 0;
left: 100%;
}
#a2169a588dac629 .menu-list ul li {
clear: both;
width: 100%;
border: none;
}
#a2169a588dac629 .menu-list ul li a {
padding: 10px 15px;
width: 100%;
color: #dedede;
font-size: 13px;
text-decoration: none;
display: inline-block;
float: left;
white-space: nowrap;
clear: both;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-transition: color 0.2s linear, background 0.2s linear;
-moz-transition: color 0.2s linear, background 0.2s linear;
-o-transition: color 0.2s linear, background 0.2s linear;
transition: color 0.2s linear, background 0.2s linear;
}
#ae681a5a47a3a59 [data-item*=".abstract"], #ae681a5a47a3a59 [data-item*=".abstract"] a {show: true;}#ae681a5a47a3a59 [data-item*=".subTitle"], #ae681a5a47a3a59 [data-item*=".subTitle"] a {show: true;}#ae681a5a47a3a59 [data-item*=".category"], #ae681a5a47a3a59 [data-item*=".category"] a {show: true;}#a1f1da53c5a9a81 > .ele-wrap {background-color: rgba(66, 66, 66, 1);border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;border-top-left-radius: 0px;border-top-right-radius: 0px;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;box-shadow: 0px 0px 0px 0px undefined;}#a1f1da53c5a9a81 > .ele-wrap:hover {box-shadow: 0px 0px 0px 0px undefined;}#aa755aa092aef4e .gallery-thumbnails .uk-thumbnav {
justify-content: center;
}
#aa755aa092aef4e .gallery-thumbnails .uk-thumbnav > * {
padding-left: 8px;
}
#a8155adc06a52a1 .ap-content-container {
height: 100%;
min-height: 40px;
}
#ab079ac433a0e07 .phone-info {
font-size: 28px;
color: #296fb7;
font-family: 'helvetica';
padding-top: 5px;
font-weight: bold;
line-height: 1;
}
#ab079ac433a0e07 .phone-info span {
font-size: 13px;
font-weight: 400;
display: block;
}
#ab079ac433a0e07 .abstract {
white-space: pre-wrap;
}
#ab079ac433a0e07 .product-main {
margin: 15px 0;
}
#ab079ac433a0e07 .video-box,
#ab079ac433a0e07 .preview-box {
margin-bottom: 20px;
border: 1px solid #eee;
text-align: center;
}
#ab079ac433a0e07 .video-box video {
object-fit: contain;
position: absolute;
left: 0;
top: 0;
z-index: 10;
}
#ab079ac433a0e07 .goods-slider {
width: 430px;
max-width: 100%;
}
#ab079ac433a0e07 .preview-box img {
width: 100%;
}
#ab079ac433a0e07 .preview-box .zoom-hover {
display: none;
position: absolute;
left: 0;
top: 0;
width: 180px;
height: 180px;
border: 1px solid #aaa;
background: #0099ff;
background-color: rgba(133, 111, 41, 0.3);
opacity: .5;
cursor: move;
}
#ab079ac433a0e07 .zoom-indicator {
background-color: #fff;
opacity: .3;
position: absolute;
right: 0;
bottom: 0;
}
#ab079ac433a0e07 .zoom-indicator i {
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
}
#ab079ac433a0e07 .thumb-box {
width: 100%;
position: relative;
}
#ab079ac433a0e07 .thumb-box .btn {
width: 22px;
height: 32px;
}
#ab079ac433a0e07 .thumb-box .btn-next {
background: url(/resources/sys/img/section/btn_next.png) no-repeat center center;
}
#ab079ac433a0e07 .thumb-box .btn-prev {
background: url(/resources/sys/img/section/btn_prev.png) no-repeat center center;
}
#ab079ac433a0e07 .thumb-list {
overflow: hidden;
}
#ab079ac433a0e07 .thumb-list ul {
width: 100000px;
}
#ab079ac433a0e07 .thumb-list ul li {
list-style: none;
float: left;
margin: 0 4px;
cursor: pointer;
position: relative;
}
#ab079ac433a0e07 .thumb-list ul li img {
width: 68px;
height: 68px;
border: 2px solid #fff;
}
#ab079ac433a0e07 .thumb-list ul li.thumb-video::after {
content: '';
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 10;
background: url(/resources/sys/img/play-light.svg) center center no-repeat;
background-size: 30px;
position: absolute;
opacity: .8;
transition: all .2s ease;
}
#ab079ac433a0e07 .thumb-list ul li.thumb-video:hover::after {
opacity: 1;
background-size: 35px;
}
#ab079ac433a0e07 .thumb-list ul li.active img {
border-color: #3771fa;
}
#ab079ac433a0e07 .zoom-box {
display: none;
overflow: hidden;
position: absolute;
left: 440px;
top: 0;
width: 500px;
height: 500px;
border: 1px solid #e4e4e4;
z-index: 400;
background: #fff;
}
#ab079ac433a0e07 .zoom-box img {
max-width: initial;
}
#ab079ac433a0e07 .uk-button-primary {
font-size: 16px;
}
#ab079ac433a0e07 .questions .question {
font-size: 16px;
font-weight: 400;
color: #333;
}
#ab079ac433a0e07 .questions .answer {
font-size: 13px;
color: #999;
}
#ab079ac433a0e07 .questions .fa {
line-height: 24px;
}
@media (max-width: 640px) {
#ab079ac433a0e07 .content-wrap {
padding: 0;
}
#ab079ac433a0e07 .title {
font-size: 18px;
font-weight: bolder;
}
#ab079ac433a0e07 .content-wrap .rich-img-wrap {
margin-left: -15px;
margin-right: -15px;
}
}
#a5404a38b8ab559 .uk-container {
line-height: 2;
color: #999;
}
#ad619ab44aa6feb .img-wrap {
box-shadow: NaNpx NaNpx 0px 0px #3771fa;
}
#a1aabab269ac5b8 form {
width: 100%;
height: 100%;
}
#a1aabab269ac5b8 .search-box {
text-align: center;
margin-right: -10px;
font-size: 14px;
height: 100%;
}
#a1aabab269ac5b8 .search-box .select-text {
line-height: 1;
cursor: pointer;
padding: 0 10px;
white-space: nowrap;
padding-left: 18px;
height: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
#a1aabab269ac5b8 .search-box .search-type {
padding: 0;
margin: 0;
position: absolute;
left: 0;
top: 40px;
display: none;
z-index: 999999;
}
#a1aabab269ac5b8 .search-box .search-type.show {
display: block;
}
#a1aabab269ac5b8 .search-box .search-type li {
text-align: center;
line-height: 40px;
background: #f7f7f7;
cursor: pointer;
padding: 0 18px;
}
#a1aabab269ac5b8 .search-box .search-type li:hover {
color: #3771fa;
}
#a1aabab269ac5b8 .search-box .search-type li.active {
color: #3771fa;
}
#a1aabab269ac5b8 .inner-form {
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
border-radius: NaNpx;
background-color: #f7f7f7;
overflow: hidden;
}
#a1aabab269ac5b8 .inner-form .input-field {
height: 100%;
}
#a1aabab269ac5b8 .inner-form .input-field input {
height: 100%;
background: transparent;
border: 0;
display: block;
width: 100%;
padding: 10px 0;
font-weight: normal;
font-style: normal;
font-size: 14px;
font-family: inherit;
color: #000;
}
#a1aabab269ac5b8 .inner-form .input-field input.placeholder {
font-size: 14px;
color: #262626;
}
#a1aabab269ac5b8 .inner-form .input-field input:-moz-placeholder {
font-size: 14px;
color: #262626;
}
#a1aabab269ac5b8 .inner-form .input-field input::-webkit-input-placeholder {
font-size: 14px;
color: #262626;
}
#a1aabab269ac5b8 .inner-form .input-field input:focus {
box-shadow: none;
outline: 0;
}
#a1aabab269ac5b8 .inner-form .input-field.first-wrap {
-ms-flex-positive: 1;
flex-grow: 1;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
background: #f7f7f7;
position: relative;
}
#a1aabab269ac5b8 .inner-form .input-field.first-wrap input {
-ms-flex-positive: 1;
flex-grow: 1;
}
#a1aabab269ac5b8 .inner-form .input-field.first-wrap svg {
width: 20px;
height: 20px;
display: inline-block;
fill: #000;
margin: 0 15px;
}
#a1aabab269ac5b8 .inner-form .input-field.second-wrap {
min-width: 100px;
}
#a1aabab269ac5b8 .btn-search {
height: 100%;
width: 100%;
white-space: nowrap;
font-size: 16px;
border: 0;
cursor: pointer;
position: relative;
z-index: 0;
background: #3771fa;
color: #fff;
transition: all 0.2s ease-out, color 0.2s ease-out;
font-weight: 300;
border-top-right-radius: NaNpx;
border-bottom-right-radius: NaNpx;
overflow: hidden;
}
#a1aabab269ac5b8 .btn-search:hover {
background: #3771fa;
}
#a1aabab269ac5b8 .btn-search:focus {
outline: 0;
box-shadow: none;
}
#aa2cdac6bfae712 > .ele-wrap {background-color: rgba(55, 113, 250, 1);border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;border-top-left-radius: 0px;border-top-right-radius: 0px;border-top-color: rgba(0, 0, 0, 0);border-right-color: rgba(0, 0, 0, 0);border-bottom-color: rgba(0, 0, 0, 0);border-left-color: rgba(0, 0, 0, 0);border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;box-shadow: 0px 0px 0px 0px undefined;}#aa2cdac6bfae712 > .ele-wrap:hover {border-top-color: rgba(0, 0, 0, 0);border-right-color: rgba(0, 0, 0, 0);border-bottom-color: rgba(0, 0, 0, 0);border-left-color: rgba(0, 0, 0, 0);box-shadow: 0px 0px 0px 0px undefined;}#a2169a588dac629 .menu-list {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
position: relative;
list-style: none;
background: #3771fa;
text-align: left;
}
#a2169a588dac629 .menu-list li {
height: 100%;
margin: 0;
position: relative;
text-align: center;
flex-shrink: 0;
}
#a2169a588dac629 .ap-icon {
margin-right: 6px;
}
#a2169a588dac629 .indicator {
margin-left: 4px;
}
#a2169a588dac629 .menu-list > li > a {
display: flex;
height: 100%;
align-items: center;
justify-content: center;
font-size: 14px;
padding: 0 20px;
text-decoration: none;
text-transform: uppercase;
-webkit-transition: color 0.2s linear, background 0.2s linear;
-moz-transition: color 0.2s linear, background 0.2s linear;
-o-transition: color 0.2s linear, background 0.2s linear;
transition: color 0.2s linear, background 0.2s linear;
background-color: #3771fa;
font-weight: normal;
font-style: normal;
font-size: 16px;
font-family: inherit;
color: #ffffff;
}
#a2169a588dac629 .menu-list li:hover > a,
#a2169a588dac629 .menu-list li.active > a {
background: #fb9863;
background-color: #fb9863;
font-weight: normal;
font-style: normal;
font-size: 16px;
font-family: inherit;
color: #ffffff;
}
#a2169a588dac629 .menu-list li.active > a {
font-weight: normal;
font-style: normal;
font-size: 16px;
font-family: inherit;
color: #ffffff;
background-color: #fb9863;
}
#a2169a588dac629 .menu-list ul,
#a2169a588dac629 .menu-list ul li ul {
list-style: none;
margin: 0;
padding: 0;
display: none;
position: absolute;
z-index: 99999;
background: #333;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
#a2169a588dac629 .menu-list ul {
top: 69px;
left: 50%;
transform: translateX(-50%);
}
#a2169a588dac629 .menu-list ul li ul {
top: 0;
left: 100%;
}
#a2169a588dac629 .menu-list ul li {
clear: both;
width: 100%;
border: none;
}
#a2169a588dac629 .menu-list ul li a {
padding: 10px 15px;
width: 100%;
color: #dedede;
font-size: 13px;
text-decoration: none;
display: inline-block;
float: left;
white-space: nowrap;
clear: both;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-transition: color 0.2s linear, background 0.2s linear;
-moz-transition: color 0.2s linear, background 0.2s linear;
-o-transition: color 0.2s linear, background 0.2s linear;
transition: color 0.2s linear, background 0.2s linear;
}
#ab079ac433a0e07 [data-item="phone"] {left: 0px;top: 1px; position: relative;}#a1f1da53c5a9a81 > .ele-wrap {background-color: rgba(66, 66, 66, 1);border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;border-top-left-radius: 0px;border-top-right-radius: 0px;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;box-shadow: 0px 0px 0px 0px undefined;}#a1f1da53c5a9a81 > .ele-wrap:hover {box-shadow: 0px 0px 0px 0px undefined;}#aa755aa092aef4e .gallery-thumbnails .uk-thumbnav {
justify-content: center;
}
#aa755aa092aef4e .gallery-thumbnails .uk-thumbnav > * {
padding-left: 8px;
}
#a8155adc06a52a1 .ap-content-container {
height: 100%;
min-height: 40px;
}
#a47d2ab43fa0fc2 .filter-nav li {
padding: 2px 15px;
border-radius: 2px;
font-size: 14px;
margin: 0 10px 4px 0;
border: 1px solid #3771fa;
color: #3771fa;
display: inline-block;
cursor: pointer;
font-weight: 500;
}
#a47d2ab43fa0fc2 .filter-nav li.uk-active {
color: #fff;
background-color: #3771fa;
}
#a47d2ab43fa0fc2 .uk-card {
background: #fff;
font-size: 13px;
}
#a47d2ab43fa0fc2 .img {
background-position: center center;
}
#a47d2ab43fa0fc2 .title {
font-size: 14px;
line-height: 18px;
font-weight: bolder;
color: #333;
margin-bottom: 6px;
}
#a1422a7a77a748c .uk-container {
line-height: 2;
color: #999;
}
#ad619ab44aa6feb .img-wrap {
box-shadow: NaNpx NaNpx 0px 0px #3771fa;
}
#a1aabab269ac5b8 form {
width: 100%;
height: 100%;
}
#a1aabab269ac5b8 .search-box {
text-align: center;
margin-right: -10px;
font-size: 14px;
height: 100%;
}
#a1aabab269ac5b8 .search-box .select-text {
line-height: 1;
cursor: pointer;
padding: 0 10px;
white-space: nowrap;
padding-left: 18px;
height: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
#a1aabab269ac5b8 .search-box .search-type {
padding: 0;
margin: 0;
position: absolute;
left: 0;
top: 40px;
display: none;
z-index: 999999;
}
#a1aabab269ac5b8 .search-box .search-type.show {
display: block;
}
#a1aabab269ac5b8 .search-box .search-type li {
text-align: center;
line-height: 40px;
background: #f7f7f7;
cursor: pointer;
padding: 0 18px;
}
#a1aabab269ac5b8 .search-box .search-type li:hover {
color: #3771fa;
}
#a1aabab269ac5b8 .search-box .search-type li.active {
color: #3771fa;
}
#a1aabab269ac5b8 .inner-form {
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
border-radius: NaNpx;
background-color: #f7f7f7;
overflow: hidden;
}
#a1aabab269ac5b8 .inner-form .input-field {
height: 100%;
}
#a1aabab269ac5b8 .inner-form .input-field input {
height: 100%;
background: transparent;
border: 0;
display: block;
width: 100%;
padding: 10px 0;
font-weight: normal;
font-style: normal;
font-size: 14px;
font-family: inherit;
color: #000;
}
#a1aabab269ac5b8 .inner-form .input-field input.placeholder {
font-size: 14px;
color: #262626;
}
#a1aabab269ac5b8 .inner-form .input-field input:-moz-placeholder {
font-size: 14px;
color: #262626;
}
#a1aabab269ac5b8 .inner-form .input-field input::-webkit-input-placeholder {
font-size: 14px;
color: #262626;
}
#a1aabab269ac5b8 .inner-form .input-field input:focus {
box-shadow: none;
outline: 0;
}
#a1aabab269ac5b8 .inner-form .input-field.first-wrap {
-ms-flex-positive: 1;
flex-grow: 1;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
background: #f7f7f7;
position: relative;
}
#a1aabab269ac5b8 .inner-form .input-field.first-wrap input {
-ms-flex-positive: 1;
flex-grow: 1;
}
#a1aabab269ac5b8 .inner-form .input-field.first-wrap svg {
width: 20px;
height: 20px;
display: inline-block;
fill: #000;
margin: 0 15px;
}
#a1aabab269ac5b8 .inner-form .input-field.second-wrap {
min-width: 100px;
}
#a1aabab269ac5b8 .btn-search {
height: 100%;
width: 100%;
white-space: nowrap;
font-size: 16px;
border: 0;
cursor: pointer;
position: relative;
z-index: 0;
background: #3771fa;
color: #fff;
transition: all 0.2s ease-out, color 0.2s ease-out;
font-weight: 300;
border-top-right-radius: NaNpx;
border-bottom-right-radius: NaNpx;
overflow: hidden;
}
#a1aabab269ac5b8 .btn-search:hover {
background: #3771fa;
}
#a1aabab269ac5b8 .btn-search:focus {
outline: 0;
box-shadow: none;
}
#aa2cdac6bfae712 > .ele-wrap {background-color: rgba(55, 113, 250, 1);border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;border-top-left-radius: 0px;border-top-right-radius: 0px;border-top-color: rgba(0, 0, 0, 0);border-right-color: rgba(0, 0, 0, 0);border-bottom-color: rgba(0, 0, 0, 0);border-left-color: rgba(0, 0, 0, 0);border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;box-shadow: 0px 0px 0px 0px undefined;}#aa2cdac6bfae712 > .ele-wrap:hover {border-top-color: rgba(0, 0, 0, 0);border-right-color: rgba(0, 0, 0, 0);border-bottom-color: rgba(0, 0, 0, 0);border-left-color: rgba(0, 0, 0, 0);box-shadow: 0px 0px 0px 0px undefined;}#a2169a588dac629 .menu-list {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
position: relative;
list-style: none;
background: #3771fa;
text-align: left;
}
#a2169a588dac629 .menu-list li {
height: 100%;
margin: 0;
position: relative;
text-align: center;
flex-shrink: 0;
}
#a2169a588dac629 .ap-icon {
margin-right: 6px;
}
#a2169a588dac629 .indicator {
margin-left: 4px;
}
#a2169a588dac629 .menu-list > li > a {
display: flex;
height: 100%;
align-items: center;
justify-content: center;
font-size: 14px;
padding: 0 20px;
text-decoration: none;
text-transform: uppercase;
-webkit-transition: color 0.2s linear, background 0.2s linear;
-moz-transition: color 0.2s linear, background 0.2s linear;
-o-transition: color 0.2s linear, background 0.2s linear;
transition: color 0.2s linear, background 0.2s linear;
background-color: #3771fa;
font-weight: normal;
font-style: normal;
font-size: 16px;
font-family: inherit;
color: #ffffff;
}
#a2169a588dac629 .menu-list li:hover > a,
#a2169a588dac629 .menu-list li.active > a {
background: #fb9863;
background-color: #fb9863;
font-weight: normal;
font-style: normal;
font-size: 16px;
font-family: inherit;
color: #ffffff;
}
#a2169a588dac629 .menu-list li.active > a {
font-weight: normal;
font-style: normal;
font-size: 16px;
font-family: inherit;
color: #ffffff;
background-color: #fb9863;
}
#a2169a588dac629 .menu-list ul,
#a2169a588dac629 .menu-list ul li ul {
list-style: none;
margin: 0;
padding: 0;
display: none;
position: absolute;
z-index: 99999;
background: #333;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
#a2169a588dac629 .menu-list ul {
top: 69px;
left: 50%;
transform: translateX(-50%);
}
#a2169a588dac629 .menu-list ul li ul {
top: 0;
left: 100%;
}
#a2169a588dac629 .menu-list ul li {
clear: both;
width: 100%;
border: none;
}
#a2169a588dac629 .menu-list ul li a {
padding: 10px 15px;
width: 100%;
color: #dedede;
font-size: 13px;
text-decoration: none;
display: inline-block;
float: left;
white-space: nowrap;
clear: both;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-transition: color 0.2s linear, background 0.2s linear;
-moz-transition: color 0.2s linear, background 0.2s linear;
-o-transition: color 0.2s linear, background 0.2s linear;
transition: color 0.2s linear, background 0.2s linear;
}
#a47d2ab43fa0fc2 [data-item*=".abstract"], #a47d2ab43fa0fc2 [data-item*=".abstract"] a {show: true;}#a47d2ab43fa0fc2 [data-item*=".subTitle"], #a47d2ab43fa0fc2 [data-item*=".subTitle"] a {show: true;}#a47d2ab43fa0fc2 [data-item*=".category"], #a47d2ab43fa0fc2 [data-item*=".category"] a {show: true;color: rgba(255, 255, 255, 1);}#a47d2ab43fa0fc2 [data-item="buttons[0]"] {font-size: 14px;justify-content: center;border-style: solid;color: #ffffff;background-color: rgba(55, 113, 250, 1);}#a75c3a1452a56a5 > .ele-wrap {background-color: rgba(247, 247, 247, 1);border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;border-top-left-radius: 0px;border-top-right-radius: 0px;border-top-color: rgba(0, 0, 0, 0);border-right-color: rgba(0, 0, 0, 0);border-bottom-color: rgba(0, 0, 0, 0);border-left-color: rgba(0, 0, 0, 0);border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;box-shadow: 0px 0px 0px 0px undefined;}#a75c3a1452a56a5 > .ele-wrap:hover {box-shadow: 0px 0px 0px 0px undefined;}#af4d5a5afaa24bd .ele-wrap {border-color: #000;color: #fff;font-size: 14px;font-weight: 500;border-radius: 0px;border-style: solid;background-color: rgba(55, 113, 250, 1);justify-content: center;}#af4d5a5afaa24bd .ele-wrap:hover {background-color: rgba(221, 82, 6, 1);border-color: rgba(0, 0, 0, 0);}#a9ebaabd57a0b4c .ap-category-filter ul li.active {
border-color: #3771fa;
color: #3771fa;
}
#a9ebaabd57a0b4c .uk-grid {
margin-left: -20px;
}
#a9ebaabd57a0b4c .uk-grid > * {
padding-left: 20px;
}
#a9ebaabd57a0b4c .uk-grid > .uk-grid-margin {
margin-top: 15px;
}
#a9ebaabd57a0b4c .uk-card {
background-color: #f7f7f7;
transition: all .3s ease;
}
#a9ebaabd57a0b4c .uk-card-media-top {
overflow: hidden;
}
#a9ebaabd57a0b4c .uk-card-media-top .img {
transition: all .3s ease;
}
#a9ebaabd57a0b4c .info {
flex: 1;
overflow: hidden;
min-width: 1px;
width: 0;
}
#a9ebaabd57a0b4c .datetime {
padding: 4px;
margin-right: 6px;
flex-shrink: 0;
font-size: 12px;
color: #333333;
font-family: Arial;
}
#a9ebaabd57a0b4c .datetime b {
font-size: 24px;
font-weight: bolder;
display: block;
}
#a9ebaabd57a0b4c .uk-card-body {
padding: 15px 10px 8px;
}
#a9ebaabd57a0b4c hr {
border-top-color: #ffffff;
margin: 0 0 10px;
}
#a9ebaabd57a0b4c .uk-button {
border: 1px solid #ececec;
}
#a9ebaabd57a0b4c .uk-card .article-category {
font-weight: normal;
font-style: normal;
font-size: 14px;
font-family: inherit;
color: #666666;
}
#a9ebaabd57a0b4c .uk-card .title {
font-weight: normal;
font-style: normal;
font-size: 16px;
font-family: NotoSansSC-Medium;
color: #333333;
}
#a9ebaabd57a0b4c .uk-card .abstract {
margin: 0;
font-weight: normal;
font-style: normal;
font-size: 14px;
font-family: NotoSansSC-Light;
color: #666666;
}
#a9ebaabd57a0b4c .uk-card:hover {
background-color: #f2f2f2;
}
#a9ebaabd57a0b4c .uk-card:hover .title {
color: #333333;
}
#a9ebaabd57a0b4c .uk-card:hover hr {
border-top-color: #ffffff;
}
#a9ebaabd57a0b4c .uk-card:hover .img {
transform: scale(1.2);
}
#a9ebaabd57a0b4c .uk-card:hover .abstract {
color: #666666;
}
#a9ebaabd57a0b4c .uk-card:hover .datetime {
color: #f27734;
}
#a9ebaabd57a0b4c .uk-card:hover .category {
color: #f27734;
}
#a9ebaabd57a0b4c .uk-card:hover .uk-button {
color: #fff;
background-color: #d3b267;
border-color: #d3b267;
}
#aec25aa01ba04f7 .ele-wrap {border-color: #000;color: #fff;font-size: 14px;font-weight: 500;border-radius: 0px;border-style: solid;background-color: rgba(55, 113, 250, 1);justify-content: center;}#aec25aa01ba04f7 .ele-wrap:hover {background-color: rgba(221, 82, 6, 1);border-color: rgba(0, 0, 0, 0);}#a1f1da53c5a9a81 > .ele-wrap {background-color: rgba(66, 66, 66, 1);border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;border-top-left-radius: 0px;border-top-right-radius: 0px;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;box-shadow: 0px 0px 0px 0px undefined;}#a1f1da53c5a9a81 > .ele-wrap:hover {box-shadow: 0px 0px 0px 0px undefined;}#aa755aa092aef4e .gallery-thumbnails .uk-thumbnav {
justify-content: center;
}
#aa755aa092aef4e .gallery-thumbnails .uk-thumbnav > * {
padding-left: 8px;
}
#a8155adc06a52a1 .ap-content-container {
height: 100%;
min-height: 40px;
}
#a9552a667aa0c7e .uk-container {
line-height: 2;
color: #999;
}
#ad619ab44aa6feb .img-wrap {
box-shadow: NaNpx NaNpx 0px 0px #3771fa;
}
#a1aabab269ac5b8 form {
width: 100%;
height: 100%;
}
#a1aabab269ac5b8 .search-box {
text-align: center;
margin-right: -10px;
font-size: 14px;
height: 100%;
}
#a1aabab269ac5b8 .search-box .select-text {
line-height: 1;
cursor: pointer;
padding: 0 10px;
white-space: nowrap;
padding-left: 18px;
height: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
#a1aabab269ac5b8 .search-box .search-type {
padding: 0;
margin: 0;
position: absolute;
left: 0;
top: 40px;
display: none;
z-index: 999999;
}
#a1aabab269ac5b8 .search-box .search-type.show {
display: block;
}
#a1aabab269ac5b8 .search-box .search-type li {
text-align: center;
line-height: 40px;
background: #f7f7f7;
cursor: pointer;
padding: 0 18px;
}
#a1aabab269ac5b8 .search-box .search-type li:hover {
color: #3771fa;
}
#a1aabab269ac5b8 .search-box .search-type li.active {
color: #3771fa;
}
#a1aabab269ac5b8 .inner-form {
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
border-radius: NaNpx;
background-color: #f7f7f7;
overflow: hidden;
}
#a1aabab269ac5b8 .inner-form .input-field {
height: 100%;
}
#a1aabab269ac5b8 .inner-form .input-field input {
height: 100%;
background: transparent;
border: 0;
display: block;
width: 100%;
padding: 10px 0;
font-weight: normal;
font-style: normal;
font-size: 14px;
font-family: inherit;
color: #000;
}
#a1aabab269ac5b8 .inner-form .input-field input.placeholder {
font-size: 14px;
color: #262626;
}
#a1aabab269ac5b8 .inner-form .input-field input:-moz-placeholder {
font-size: 14px;
color: #262626;
}
#a1aabab269ac5b8 .inner-form .input-field input::-webkit-input-placeholder {
font-size: 14px;
color: #262626;
}
#a1aabab269ac5b8 .inner-form .input-field input:focus {
box-shadow: none;
outline: 0;
}
#a1aabab269ac5b8 .inner-form .input-field.first-wrap {
-ms-flex-positive: 1;
flex-grow: 1;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
background: #f7f7f7;
position: relative;
}
#a1aabab269ac5b8 .inner-form .input-field.first-wrap input {
-ms-flex-positive: 1;
flex-grow: 1;
}
#a1aabab269ac5b8 .inner-form .input-field.first-wrap svg {
width: 20px;
height: 20px;
display: inline-block;
fill: #000;
margin: 0 15px;
}
#a1aabab269ac5b8 .inner-form .input-field.second-wrap {
min-width: 100px;
}
#a1aabab269ac5b8 .btn-search {
height: 100%;
width: 100%;
white-space: nowrap;
font-size: 16px;
border: 0;
cursor: pointer;
position: relative;
z-index: 0;
background: #3771fa;
color: #fff;
transition: all 0.2s ease-out, color 0.2s ease-out;
font-weight: 300;
border-top-right-radius: NaNpx;
border-bottom-right-radius: NaNpx;
overflow: hidden;
}
#a1aabab269ac5b8 .btn-search:hover {
background: #3771fa;
}
#a1aabab269ac5b8 .btn-search:focus {
outline: 0;
box-shadow: none;
}
#aa2cdac6bfae712 > .ele-wrap {background-color: rgba(55, 113, 250, 1);border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;border-top-left-radius: 0px;border-top-right-radius: 0px;border-top-color: rgba(0, 0, 0, 0);border-right-color: rgba(0, 0, 0, 0);border-bottom-color: rgba(0, 0, 0, 0);border-left-color: rgba(0, 0, 0, 0);border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;box-shadow: 0px 0px 0px 0px undefined;}#aa2cdac6bfae712 > .ele-wrap:hover {border-top-color: rgba(0, 0, 0, 0);border-right-color: rgba(0, 0, 0, 0);border-bottom-color: rgba(0, 0, 0, 0);border-left-color: rgba(0, 0, 0, 0);box-shadow: 0px 0px 0px 0px undefined;}#a2169a588dac629 .menu-list {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
position: relative;
list-style: none;
background: #3771fa;
text-align: left;
}
#a2169a588dac629 .menu-list li {
height: 100%;
margin: 0;
position: relative;
text-align: center;
flex-shrink: 0;
}
#a2169a588dac629 .ap-icon {
margin-right: 6px;
}
#a2169a588dac629 .indicator {
margin-left: 4px;
}
#a2169a588dac629 .menu-list > li > a {
display: flex;
height: 100%;
align-items: center;
justify-content: center;
font-size: 14px;
padding: 0 20px;
text-decoration: none;
text-transform: uppercase;
-webkit-transition: color 0.2s linear, background 0.2s linear;
-moz-transition: color 0.2s linear, background 0.2s linear;
-o-transition: color 0.2s linear, background 0.2s linear;
transition: color 0.2s linear, background 0.2s linear;
background-color: #3771fa;
font-weight: normal;
font-style: normal;
font-size: 16px;
font-family: inherit;
color: #ffffff;
}
#a2169a588dac629 .menu-list li:hover > a,
#a2169a588dac629 .menu-list li.active > a {
background: #fb9863;
background-color: #fb9863;
font-weight: normal;
font-style: normal;
font-size: 16px;
font-family: inherit;
color: #ffffff;
}
#a2169a588dac629 .menu-list li.active > a {
font-weight: normal;
font-style: normal;
font-size: 16px;
font-family: inherit;
color: #ffffff;
background-color: #fb9863;
}
#a2169a588dac629 .menu-list ul,
#a2169a588dac629 .menu-list ul li ul {
list-style: none;
margin: 0;
padding: 0;
display: none;
position: absolute;
z-index: 99999;
background: #333;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
#a2169a588dac629 .menu-list ul {
top: 69px;
left: 50%;
transform: translateX(-50%);
}
#a2169a588dac629 .menu-list ul li ul {
top: 0;
left: 100%;
}
#a2169a588dac629 .menu-list ul li {
clear: both;
width: 100%;
border: none;
}
#a2169a588dac629 .menu-list ul li a {
padding: 10px 15px;
width: 100%;
color: #dedede;
font-size: 13px;
text-decoration: none;
display: inline-block;
float: left;
white-space: nowrap;
clear: both;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-transition: color 0.2s linear, background 0.2s linear;
-moz-transition: color 0.2s linear, background 0.2s linear;
-o-transition: color 0.2s linear, background 0.2s linear;
transition: color 0.2s linear, background 0.2s linear;
}
#aa0d4a841cabd26 .ap-category-filter ul li.active {
border-color: #3771fa;
color: #3771fa;
}
#aa0d4a841cabd26 .grid-list .product-item {
overflow: hidden;
}
#aa0d4a841cabd26 .grid-list .product-preview .img {
display: block;
}
#aa0d4a841cabd26 .grid-list .tags {
position: absolute;
left: 8px;
top: 8px;
}
#aa0d4a841cabd26 .grid-list .tags .tag {
font-size: 12px;
line-height: 1;
color: #ffffff;
font-weight: 500;
padding: 3px 4px 1px;
border-radius: 2px;
background-color: #F8353E;
margin-right: 4px;
float: left;
}
#aa0d4a841cabd26 .grid-list .product-info {
min-height: 110px;
}
#aa0d4a841cabd26 .grid-list .product-info-inner {
padding: 16px 10px;
transition: margin 0.3s ease 0s;
position: absolute;
width: 100%;
background: #fff;
}
#aa0d4a841cabd26 .grid-list .product-item:hover .product-info-inner {
margin-top: -49px;
}
#aa0d4a841cabd26 .grid-list .product-item:hover .product-buttons {
opacity: 1;
}
#aa0d4a841cabd26 .grid-list .category-name {
font-size: 12px;
}
#aa0d4a841cabd26 .grid-list .category-name a {
color: #777;
}
#aa0d4a841cabd26 .grid-list .title,
#aa0d4a841cabd26 .grid-list .subTitle {
font-weight: 500;
font-size: 14px;
color: #191919;
line-height: 1.5;
}
#aa0d4a841cabd26 .grid-list .title a,
#aa0d4a841cabd26 .grid-list .subTitle a {
color: #191919;
}
#aa0d4a841cabd26 .grid-list .product-buttons {
margin-top: 10px;
position: absolute;
left: 0;
right: 0;
opacity: 0;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
#aa0d4a841cabd26 .grid-list .product-btn {
border-radius: 4px;
padding: 6px 15px;
font-size: 14px;
color: #fff;
line-height: 1;
}
#aa0d4a841cabd26 .grid-list .ap-icon svg {
height: 1em;
fill: currentColor;
max-width: -webkit-fit-content;
max-width: -moz-fit-content;
max-width: fit-content;
}
#aa0d4a841cabd26 .grid-list {
margin-left: -20px;
}
#aa0d4a841cabd26 .grid-list .product-preview {
border-radius: 0px;
overflow: hidden;
}
#aa0d4a841cabd26 .grid-list .title a {
display: block;
font-weight: normal;
font-style: normal;
font-size: 16px;
font-family: inherit;
color: #333333;
}
#aa0d4a841cabd26 .grid-list .subTitle {
font-weight: normal;
font-style: normal;
font-size: 14px;
font-family: inherit;
color: #666666;
}
#aa0d4a841cabd26 .grid-list.uk-grid-small > * {
padding-left: 20px;
}
#aa0d4a841cabd26 .grid-list .product:hover {
background-color: auto;
}
#aa0d4a841cabd26 .grid-list .product:hover .title a {
color: #444;
}
#aa0d4a841cabd26 .grid-list .product:hover .subTitle {
color: auto;
}
#aa0d4a841cabd26 .grid-list .product:hover .category {
color: auto;
}
#aa0d4a841cabd26 .grid-list .product:hover .abstract {
color: auto;
}
#aa0d4a841cabd26 .grid-list .product:hover .product-btn {
color: auto;
}
#aa0d4a841cabd26 .uk-pagination li.uk-active {
background-color: #3f1cf1;
border-color: #3f1cf1;
}
#aa0d4a841cabd26 .uk-pagination li:hover {
border-color: #3f1cf1;
}
@media (max-width: 640px) {
#aa0d4a841cabd26 .grid-list .product-info {
min-height: 0;
}
#aa0d4a841cabd26 .grid-list .product-info-inner {
padding: 10px;
position: relative;
}
#aa0d4a841cabd26 .grid-list .product-buttons {
display: none;
}
}
#a234ea1e14a422d .ele-wrap {border-color: #000;color: #fff;font-size: 16px;font-weight: 500;background-color: rgba(55, 113, 250, 1);border-radius: 5px;justify-content: center;border-style: solid;}#a234ea1e14a422d .ele-wrap:hover {background-color: #0483cc;}#ab434a64d5a8721 .ele-wrap {border-color: #000;color: #fff;font-size: 16px;font-weight: 500;background-color: rgba(55, 113, 250, 1);border-radius: 5px;justify-content: center;border-style: solid;}#ab434a64d5a8721 .ele-wrap:hover {background-color: #0483cc;}#a0f93a6848aa0fd .ele-wrap {border-color: rgba(55, 113, 250, 1);color: #fff;font-size: 16px;font-weight: 500;background-color: rgba(55, 113, 250, 1);border-radius: 5px;justify-content: center;border-style: solid;}#a0f93a6848aa0fd .ele-wrap:hover {background-color: #0483cc;}#ac97cab73dafe1c .ele-wrap {border-color: #000;color: #fff;font-size: 16px;font-weight: 500;background-color: rgba(55, 113, 250, 1);border-radius: 5px;justify-content: center;border-style: solid;}#ac97cab73dafe1c .ele-wrap:hover {background-color: #0483cc;}#a3b55a09dfa5f1e .ele-wrap {border-color: #000;color: #fff;font-size: 16px;font-weight: 500;background-color: rgba(55, 113, 250, 1);border-radius: 5px;justify-content: center;border-style: solid;}#a3b55a09dfa5f1e .ele-wrap:hover {background-color: #0483cc;}#a1f1da53c5a9a81 > .ele-wrap {background-color: rgba(66, 66, 66, 1);border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;border-top-left-radius: 0px;border-top-right-radius: 0px;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;box-shadow: 0px 0px 0px 0px undefined;}#a1f1da53c5a9a81 > .ele-wrap:hover {box-shadow: 0px 0px 0px 0px undefined;}#aa755aa092aef4e .gallery-thumbnails .uk-thumbnav {
justify-content: center;
}
#aa755aa092aef4e .gallery-thumbnails .uk-thumbnav > * {
padding-left: 8px;
}
#a8155adc06a52a1 .ap-content-container {
height: 100%;
min-height: 40px;
}
#ae6ebaa391a125a .uk-container {
line-height: 2;
color: #999;
}
#ad619ab44aa6feb .img-wrap {
box-shadow: NaNpx NaNpx 0px 0px #3771fa;
}
#a1aabab269ac5b8 form {
width: 100%;
height: 100%;
}
#a1aabab269ac5b8 .search-box {
text-align: center;
margin-right: -10px;
font-size: 14px;
height: 100%;
}
#a1aabab269ac5b8 .search-box .select-text {
line-height: 1;
cursor: pointer;
padding: 0 10px;
white-space: nowrap;
padding-left: 18px;
height: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
#a1aabab269ac5b8 .search-box .search-type {
padding: 0;
margin: 0;
position: absolute;
left: 0;
top: 40px;
display: none;
z-index: 999999;
}
#a1aabab269ac5b8 .search-box .search-type.show {
display: block;
}
#a1aabab269ac5b8 .search-box .search-type li {
text-align: center;
line-height: 40px;
background: #f7f7f7;
cursor: pointer;
padding: 0 18px;
}
#a1aabab269ac5b8 .search-box .search-type li:hover {
color: #3771fa;
}
#a1aabab269ac5b8 .search-box .search-type li.active {
color: #3771fa;
}
#a1aabab269ac5b8 .inner-form {
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
border-radius: NaNpx;
background-color: #f7f7f7;
overflow: hidden;
}
#a1aabab269ac5b8 .inner-form .input-field {
height: 100%;
}
#a1aabab269ac5b8 .inner-form .input-field input {
height: 100%;
background: transparent;
border: 0;
display: block;
width: 100%;
padding: 10px 0;
font-weight: normal;
font-style: normal;
font-size: 14px;
font-family: inherit;
color: #000;
}
#a1aabab269ac5b8 .inner-form .input-field input.placeholder {
font-size: 14px;
color: #262626;
}
#a1aabab269ac5b8 .inner-form .input-field input:-moz-placeholder {
font-size: 14px;
color: #262626;
}
#a1aabab269ac5b8 .inner-form .input-field input::-webkit-input-placeholder {
font-size: 14px;
color: #262626;
}
#a1aabab269ac5b8 .inner-form .input-field input:focus {
box-shadow: none;
outline: 0;
}
#a1aabab269ac5b8 .inner-form .input-field.first-wrap {
-ms-flex-positive: 1;
flex-grow: 1;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
background: #f7f7f7;
position: relative;
}
#a1aabab269ac5b8 .inner-form .input-field.first-wrap input {
-ms-flex-positive: 1;
flex-grow: 1;
}
#a1aabab269ac5b8 .inner-form .input-field.first-wrap svg {
width: 20px;
height: 20px;
display: inline-block;
fill: #000;
margin: 0 15px;
}
#a1aabab269ac5b8 .inner-form .input-field.second-wrap {
min-width: 100px;
}
#a1aabab269ac5b8 .btn-search {
height: 100%;
width: 100%;
white-space: nowrap;
font-size: 16px;
border: 0;
cursor: pointer;
position: relative;
z-index: 0;
background: #3771fa;
color: #fff;
transition: all 0.2s ease-out, color 0.2s ease-out;
font-weight: 300;
border-top-right-radius: NaNpx;
border-bottom-right-radius: NaNpx;
overflow: hidden;
}
#a1aabab269ac5b8 .btn-search:hover {
background: #3771fa;
}
#a1aabab269ac5b8 .btn-search:focus {
outline: 0;
box-shadow: none;
}
#aa2cdac6bfae712 > .ele-wrap {background-color: rgba(55, 113, 250, 1);border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;border-top-left-radius: 0px;border-top-right-radius: 0px;border-top-color: rgba(0, 0, 0, 0);border-right-color: rgba(0, 0, 0, 0);border-bottom-color: rgba(0, 0, 0, 0);border-left-color: rgba(0, 0, 0, 0);border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;box-shadow: 0px 0px 0px 0px undefined;}#aa2cdac6bfae712 > .ele-wrap:hover {border-top-color: rgba(0, 0, 0, 0);border-right-color: rgba(0, 0, 0, 0);border-bottom-color: rgba(0, 0, 0, 0);border-left-color: rgba(0, 0, 0, 0);box-shadow: 0px 0px 0px 0px undefined;}#a2169a588dac629 .menu-list {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
position: relative;
list-style: none;
background: #3771fa;
text-align: left;
}
#a2169a588dac629 .menu-list li {
height: 100%;
margin: 0;
position: relative;
text-align: center;
flex-shrink: 0;
}
#a2169a588dac629 .ap-icon {
margin-right: 6px;
}
#a2169a588dac629 .indicator {
margin-left: 4px;
}
#a2169a588dac629 .menu-list > li > a {
display: flex;
height: 100%;
align-items: center;
justify-content: center;
font-size: 14px;
padding: 0 20px;
text-decoration: none;
text-transform: uppercase;
-webkit-transition: color 0.2s linear, background 0.2s linear;
-moz-transition: color 0.2s linear, background 0.2s linear;
-o-transition: color 0.2s linear, background 0.2s linear;
transition: color 0.2s linear, background 0.2s linear;
background-color: #3771fa;
font-weight: normal;
font-style: normal;
font-size: 16px;
font-family: inherit;
color: #ffffff;
}
#a2169a588dac629 .menu-list li:hover > a,
#a2169a588dac629 .menu-list li.active > a {
background: #fb9863;
background-color: #fb9863;
font-weight: normal;
font-style: normal;
font-size: 16px;
font-family: inherit;
color: #ffffff;
}
#a2169a588dac629 .menu-list li.active > a {
font-weight: normal;
font-style: normal;
font-size: 16px;
font-family: inherit;
color: #ffffff;
background-color: #fb9863;
}
#a2169a588dac629 .menu-list ul,
#a2169a588dac629 .menu-list ul li ul {
list-style: none;
margin: 0;
padding: 0;
display: none;
position: absolute;
z-index: 99999;
background: #333;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
#a2169a588dac629 .menu-list ul {
top: 69px;
left: 50%;
transform: translateX(-50%);
}
#a2169a588dac629 .menu-list ul li ul {
top: 0;
left: 100%;
}
#a2169a588dac629 .menu-list ul li {
clear: both;
width: 100%;
border: none;
}
#a2169a588dac629 .menu-list ul li a {
padding: 10px 15px;
width: 100%;
color: #dedede;
font-size: 13px;
text-decoration: none;
display: inline-block;
float: left;
white-space: nowrap;
clear: both;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-transition: color 0.2s linear, background 0.2s linear;
-moz-transition: color 0.2s linear, background 0.2s linear;
-o-transition: color 0.2s linear, background 0.2s linear;
transition: color 0.2s linear, background 0.2s linear;
}
#a04fda59e7a6fa2 .ap-category-filter ul li.active {
border-color: #3771fa;
color: #3771fa;
}
#a04fda59e7a6fa2 .ele-article-list.uk-grid > .uk-grid-margin {
margin-top: 0px;
}
#a04fda59e7a6fa2 .ele-article-list .pic-article {
padding: 15px 0;
border-bottom: 1px solid #ececec;
}
#a04fda59e7a6fa2 .ele-article-list .pic-article:hover {
background-color: #f6f6f6;
}
#a04fda59e7a6fa2 .ele-article-list .pic-article .img_wrap {
width: 35%;
position: relative;
margin-right: 20px;
overflow: hidden;
}
#a04fda59e7a6fa2 .ele-article-list .pic-article .img_wrap .tags {
position: absolute;
top: .4rem;
left: .4rem;
z-index: 11;
}
#a04fda59e7a6fa2 .ele-article-list .pic-article .img_wrap .tag {
display: inline-block;
padding: 0 .5rem;
color: #fff;
background: rgba(0, 0, 0, 0.5);
font-size: .6rem;
text-align: center;
border-radius: 1rem;
margin: 0 5px 5px 0;
}
#a04fda59e7a6fa2 .ele-article-list .pic-article .img_wrap .img {
width: 100%;
height: 0;
background-position: center center;
transition: all .3s ease;
}
#a04fda59e7a6fa2 .ele-article-list .pic-article .img_wrap:hover .img {
transform: scale(1.05);
}
#a04fda59e7a6fa2 .ele-article-list .pic-article .info {
position: relative;
color: #828a92;
flex: 1;
font-size: 13px;
overflow: hidden;
min-height: 50px;
}
#a04fda59e7a6fa2 .ele-article-list .pic-article .info h3 {
margin: 0 0 6px;
font-size: 18px;
}
#a04fda59e7a6fa2 .ele-article-list .pic-article .info h3 a {
color: #3d464d;
font-weight: 500;
}
#a04fda59e7a6fa2 .ele-article-list .pic-article .info h3 a:hover {
color: #222;
}
#a04fda59e7a6fa2 .ele-article-list .pic-article .info .info-bottom {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
line-height: 1;
}
#a04fda59e7a6fa2 .ele-article-list .text-article {
padding: 0 0 15px 20px;
font-size: 12px;
position: relative;
}
#a04fda59e7a6fa2 .ele-article-list .text-article.no-icon {
padding-left: 0;
}
#a04fda59e7a6fa2 .ele-article-list .text-article .list-icon {
width: 12px;
height: auto;
position: absolute;
left: 0;
top: 6px;
}
#a04fda59e7a6fa2 .ele-article-list .text-article h3 {
font-size: 16px;
font-weight: 400;
margin: 0;
line-height: 1.5;
}
#a04fda59e7a6fa2 .ele-article-list .text-article h3 a {
color: #3d464d;
transition: all .2s ease;
}
#a04fda59e7a6fa2 .ele-article-list .text-article h3 a:hover {
text-decoration: underline;
color: #222;
}
/* mobile */
@media (max-width: 640px) {
.ele-article-list .pic-article {
padding: 10px 0;
}
.ele-article-list .pic-article .img_wrap {
margin-right: 10px;
}
.ele-article-list .pic-article .img_wrap .tag {
display: none;
}
.ele-article-list .pic-article .info {
font-size: 12px;
}
.ele-article-list .pic-article .abstract {
display: none;
}
.ele-article-list .pic-article .info h3 {
font-size: 14px;
}
}
#a04fda59e7a6fa2 .ele-article-list .pic-article {
padding: 15px 0px;
border-bottom: 1px solid #ececec;
}
#a04fda59e7a6fa2 .ele-article-list .pic-article .img_wrap {
width: 25%;
border-radius: 0px;
overflow: hidden;
}
#a04fda59e7a6fa2 .ele-article-list .pic-article .info .abstract {
font-weight: normal;
font-style: normal;
font-size: 14px;
font-family: inherit;
min-height: 40px;
}
#a04fda59e7a6fa2 .ele-article-list .pic-article .info h3 a {
font-weight: normal;
font-style: normal;
font-size: 16px;
font-family: inherit;
}
#a04fda59e7a6fa2 .ele-article-list .pic-article:hover {
background-color: #f7f7f7;
border-bottom-color: #f6f6f6;
}
#a04fda59e7a6fa2 .ele-article-list .pic-article:hover .info h3 a {
color: #444;
}
#a04fda59e7a6fa2 .ele-article-list .pic-article:hover .category {
color: auto;
}
#a04fda59e7a6fa2 .ele-article-list .pic-article:hover .abstract {
color: auto;
}
#a04fda59e7a6fa2 .ele-article-list .pic-article:hover .time {
color: auto;
}
#a04fda59e7a6fa2 .ele-article-list .text-article {
border-bottom: 1px solid #ececec;
}
#a04fda59e7a6fa2 .ele-article-list .text-article h3 a {
font-weight: normal;
font-style: normal;
font-size: 16px;
font-family: inherit;
}
#a04fda59e7a6fa2 .ele-article-list .text-article:hover {
background-color: #f7f7f7;
border-bottom-color: #f6f6f6;
}
#a04fda59e7a6fa2 .ele-article-list .text-article:hover .info h3 a {
color: #444;
}
#a04fda59e7a6fa2 .ele-article-list .text-article:hover .time {
color: auto;
}
#a780bae473aa3b7 .ap-category-filter ul li.active {
border-color: #3771fa;
color: #3771fa;
}
#a780bae473aa3b7 .ele-article-list.uk-grid > .uk-grid-margin {
margin-top: 0px;
}
#a780bae473aa3b7 .ele-article-list .pic-article {
padding: 15px 0;
border-bottom: 1px solid #ececec;
}
#a780bae473aa3b7 .ele-article-list .pic-article:hover {
background-color: #f6f6f6;
}
#a780bae473aa3b7 .ele-article-list .pic-article .img_wrap {
width: 35%;
position: relative;
margin-right: 20px;
overflow: hidden;
}
#a780bae473aa3b7 .ele-article-list .pic-article .img_wrap .tags {
position: absolute;
top: .4rem;
left: .4rem;
z-index: 11;
}
#a780bae473aa3b7 .ele-article-list .pic-article .img_wrap .tag {
display: inline-block;
padding: 0 .5rem;
color: #fff;
background: rgba(0, 0, 0, 0.5);
font-size: .6rem;
text-align: center;
border-radius: 1rem;
margin: 0 5px 5px 0;
}
#a780bae473aa3b7 .ele-article-list .pic-article .img_wrap .img {
width: 100%;
height: 0;
background-position: center center;
transition: all .3s ease;
}
#a780bae473aa3b7 .ele-article-list .pic-article .img_wrap:hover .img {
transform: scale(1.05);
}
#a780bae473aa3b7 .ele-article-list .pic-article .info {
position: relative;
color: #828a92;
flex: 1;
font-size: 13px;
overflow: hidden;
min-height: 50px;
}
#a780bae473aa3b7 .ele-article-list .pic-article .info h3 {
margin: 0 0 6px;
font-size: 18px;
}
#a780bae473aa3b7 .ele-article-list .pic-article .info h3 a {
color: #3d464d;
font-weight: 500;
}
#a780bae473aa3b7 .ele-article-list .pic-article .info h3 a:hover {
color: #222;
}
#a780bae473aa3b7 .ele-article-list .pic-article .info .info-bottom {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
line-height: 1;
}
#a780bae473aa3b7 .ele-article-list .text-article {
padding: 0 0 15px 20px;
font-size: 12px;
position: relative;
}
#a780bae473aa3b7 .ele-article-list .text-article.no-icon {
padding-left: 0;
}
#a780bae473aa3b7 .ele-article-list .text-article .list-icon {
width: 12px;
height: auto;
position: absolute;
left: 0;
top: 6px;
}
#a780bae473aa3b7 .ele-article-list .text-article h3 {
font-size: 16px;
font-weight: 400;
margin: 0;
line-height: 1.5;
}
#a780bae473aa3b7 .ele-article-list .text-article h3 a {
color: #3d464d;
transition: all .2s ease;
}
#a780bae473aa3b7 .ele-article-list .text-article h3 a:hover {
text-decoration: underline;
color: #222;
}
/* mobile */
@media (max-width: 640px) {
.ele-article-list .pic-article {
padding: 10px 0;
}
.ele-article-list .pic-article .img_wrap {
margin-right: 10px;
}
.ele-article-list .pic-article .img_wrap .tag {
display: none;
}
.ele-article-list .pic-article .info {
font-size: 12px;
}
.ele-article-list .pic-article .abstract {
display: none;
}
.ele-article-list .pic-article .info h3 {
font-size: 14px;
}
}
#a780bae473aa3b7 .ele-article-list .pic-article .img_wrap {
width: 35%;
border-radius: 0px;
overflow: hidden;
}
#a780bae473aa3b7 .ele-article-list .pic-article .info .abstract {
min-height: 40px;
}
#a780bae473aa3b7 .ele-article-list .pic-article:hover {
background-color: #f6f6f6;
border-bottom-color: #f6f6f6;
}
#a780bae473aa3b7 .ele-article-list .pic-article:hover .info h3 a {
color: auto;
}
#a780bae473aa3b7 .ele-article-list .pic-article:hover .category {
color: auto;
}
#a780bae473aa3b7 .ele-article-list .pic-article:hover .abstract {
color: auto;
}
#a780bae473aa3b7 .ele-article-list .pic-article:hover .time {
color: auto;
}
#a780bae473aa3b7 .ele-article-list .text-article:hover {
background-color: #f6f6f6;
border-bottom-color: #f6f6f6;
}
#a780bae473aa3b7 .ele-article-list .text-article:hover .info h3 a {
color: auto;
}
#a780bae473aa3b7 .ele-article-list .text-article:hover .time {
color: auto;
}
#a1f1da53c5a9a81 > .ele-wrap {background-color: rgba(66, 66, 66, 1);border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;border-top-left-radius: 0px;border-top-right-radius: 0px;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;box-shadow: 0px 0px 0px 0px undefined;}#a1f1da53c5a9a81 > .ele-wrap:hover {box-shadow: 0px 0px 0px 0px undefined;}#aa755aa092aef4e .gallery-thumbnails .uk-thumbnav {
justify-content: center;
}
#aa755aa092aef4e .gallery-thumbnails .uk-thumbnav > * {
padding-left: 8px;
}
#a8155adc06a52a1 .ap-content-container {
height: 100%;
min-height: 40px;
}
#ad489a29caab2ca .uk-container {
line-height: 2;
color: #999;
}
#ad619ab44aa6feb .img-wrap {
box-shadow: NaNpx NaNpx 0px 0px #3771fa;
}
#a1aabab269ac5b8 form {
width: 100%;
height: 100%;
}
#a1aabab269ac5b8 .search-box {
text-align: center;
margin-right: -10px;
font-size: 14px;
height: 100%;
}
#a1aabab269ac5b8 .search-box .select-text {
line-height: 1;
cursor: pointer;
padding: 0 10px;
white-space: nowrap;
padding-left: 18px;
height: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
#a1aabab269ac5b8 .search-box .search-type {
padding: 0;
margin: 0;
position: absolute;
left: 0;
top: 40px;
display: none;
z-index: 999999;
}
#a1aabab269ac5b8 .search-box .search-type.show {
display: block;
}
#a1aabab269ac5b8 .search-box .search-type li {
text-align: center;
line-height: 40px;
background: #f7f7f7;
cursor: pointer;
padding: 0 18px;
}
#a1aabab269ac5b8 .search-box .search-type li:hover {
color: #3771fa;
}
#a1aabab269ac5b8 .search-box .search-type li.active {
color: #3771fa;
}
#a1aabab269ac5b8 .inner-form {
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
border-radius: NaNpx;
background-color: #f7f7f7;
overflow: hidden;
}
#a1aabab269ac5b8 .inner-form .input-field {
height: 100%;
}
#a1aabab269ac5b8 .inner-form .input-field input {
height: 100%;
background: transparent;
border: 0;
display: block;
width: 100%;
padding: 10px 0;
font-weight: normal;
font-style: normal;
font-size: 14px;
font-family: inherit;
color: #000;
}
#a1aabab269ac5b8 .inner-form .input-field input.placeholder {
font-size: 14px;
color: #262626;
}
#a1aabab269ac5b8 .inner-form .input-field input:-moz-placeholder {
font-size: 14px;
color: #262626;
}
#a1aabab269ac5b8 .inner-form .input-field input::-webkit-input-placeholder {
font-size: 14px;
color: #262626;
}
#a1aabab269ac5b8 .inner-form .input-field input:focus {
box-shadow: none;
outline: 0;
}
#a1aabab269ac5b8 .inner-form .input-field.first-wrap {
-ms-flex-positive: 1;
flex-grow: 1;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
background: #f7f7f7;
position: relative;
}
#a1aabab269ac5b8 .inner-form .input-field.first-wrap input {
-ms-flex-positive: 1;
flex-grow: 1;
}
#a1aabab269ac5b8 .inner-form .input-field.first-wrap svg {
width: 20px;
height: 20px;
display: inline-block;
fill: #000;
margin: 0 15px;
}
#a1aabab269ac5b8 .inner-form .input-field.second-wrap {
min-width: 100px;
}
#a1aabab269ac5b8 .btn-search {
height: 100%;
width: 100%;
white-space: nowrap;
font-size: 16px;
border: 0;
cursor: pointer;
position: relative;
z-index: 0;
background: #3771fa;
color: #fff;
transition: all 0.2s ease-out, color 0.2s ease-out;
font-weight: 300;
border-top-right-radius: NaNpx;
border-bottom-right-radius: NaNpx;
overflow: hidden;
}
#a1aabab269ac5b8 .btn-search:hover {
background: #3771fa;
}
#a1aabab269ac5b8 .btn-search:focus {
outline: 0;
box-shadow: none;
}
#aa2cdac6bfae712 > .ele-wrap {background-color: rgba(55, 113, 250, 1);border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;border-top-left-radius: 0px;border-top-right-radius: 0px;border-top-color: rgba(0, 0, 0, 0);border-right-color: rgba(0, 0, 0, 0);border-bottom-color: rgba(0, 0, 0, 0);border-left-color: rgba(0, 0, 0, 0);border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;box-shadow: 0px 0px 0px 0px undefined;}#aa2cdac6bfae712 > .ele-wrap:hover {border-top-color: rgba(0, 0, 0, 0);border-right-color: rgba(0, 0, 0, 0);border-bottom-color: rgba(0, 0, 0, 0);border-left-color: rgba(0, 0, 0, 0);box-shadow: 0px 0px 0px 0px undefined;}#a2169a588dac629 .menu-list {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
position: relative;
list-style: none;
background: #3771fa;
text-align: left;
}
#a2169a588dac629 .menu-list li {
height: 100%;
margin: 0;
position: relative;
text-align: center;
flex-shrink: 0;
}
#a2169a588dac629 .ap-icon {
margin-right: 6px;
}
#a2169a588dac629 .indicator {
margin-left: 4px;
}
#a2169a588dac629 .menu-list > li > a {
display: flex;
height: 100%;
align-items: center;
justify-content: center;
font-size: 14px;
padding: 0 20px;
text-decoration: none;
text-transform: uppercase;
-webkit-transition: color 0.2s linear, background 0.2s linear;
-moz-transition: color 0.2s linear, background 0.2s linear;
-o-transition: color 0.2s linear, background 0.2s linear;
transition: color 0.2s linear, background 0.2s linear;
background-color: #3771fa;
font-weight: normal;
font-style: normal;
font-size: 16px;
font-family: inherit;
color: #ffffff;
}
#a2169a588dac629 .menu-list li:hover > a,
#a2169a588dac629 .menu-list li.active > a {
background: #fb9863;
background-color: #fb9863;
font-weight: normal;
font-style: normal;
font-size: 16px;
font-family: inherit;
color: #ffffff;
}
#a2169a588dac629 .menu-list li.active > a {
font-weight: normal;
font-style: normal;
font-size: 16px;
font-family: inherit;
color: #ffffff;
background-color: #fb9863;
}
#a2169a588dac629 .menu-list ul,
#a2169a588dac629 .menu-list ul li ul {
list-style: none;
margin: 0;
padding: 0;
display: none;
position: absolute;
z-index: 99999;
background: #333;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
#a2169a588dac629 .menu-list ul {
top: 69px;
left: 50%;
transform: translateX(-50%);
}
#a2169a588dac629 .menu-list ul li ul {
top: 0;
left: 100%;
}
#a2169a588dac629 .menu-list ul li {
clear: both;
width: 100%;
border: none;
}
#a2169a588dac629 .menu-list ul li a {
padding: 10px 15px;
width: 100%;
color: #dedede;
font-size: 13px;
text-decoration: none;
display: inline-block;
float: left;
white-space: nowrap;
clear: both;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-transition: color 0.2s linear, background 0.2s linear;
-moz-transition: color 0.2s linear, background 0.2s linear;
-o-transition: color 0.2s linear, background 0.2s linear;
transition: color 0.2s linear, background 0.2s linear;
}
#a1f1da53c5a9a81 > .ele-wrap {background-color: rgba(66, 66, 66, 1);border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;border-top-left-radius: 0px;border-top-right-radius: 0px;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;box-shadow: 0px 0px 0px 0px undefined;}#a1f1da53c5a9a81 > .ele-wrap:hover {box-shadow: 0px 0px 0px 0px undefined;}#aa755aa092aef4e .gallery-thumbnails .uk-thumbnav {
justify-content: center;
}
#aa755aa092aef4e .gallery-thumbnails .uk-thumbnav > * {
padding-left: 8px;
}
#a8155adc06a52a1 .ap-content-container {
height: 100%;
min-height: 40px;
}
#aa715aeed4a772d .uk-container {
line-height: 2;
color: #999;
}
#ad619ab44aa6feb .img-wrap {
box-shadow: NaNpx NaNpx 0px 0px #3771fa;
}
#a1aabab269ac5b8 form {
width: 100%;
height: 100%;
}
#a1aabab269ac5b8 .search-box {
text-align: center;
margin-right: -10px;
font-size: 14px;
height: 100%;
}
#a1aabab269ac5b8 .search-box .select-text {
line-height: 1;
cursor: pointer;
padding: 0 10px;
white-space: nowrap;
padding-left: 18px;
height: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
#a1aabab269ac5b8 .search-box .search-type {
padding: 0;
margin: 0;
position: absolute;
left: 0;
top: 40px;
display: none;
z-index: 999999;
}
#a1aabab269ac5b8 .search-box .search-type.show {
display: block;
}
#a1aabab269ac5b8 .search-box .search-type li {
text-align: center;
line-height: 40px;
background: #f7f7f7;
cursor: pointer;
padding: 0 18px;
}
#a1aabab269ac5b8 .search-box .search-type li:hover {
color: #3771fa;
}
#a1aabab269ac5b8 .search-box .search-type li.active {
color: #3771fa;
}
#a1aabab269ac5b8 .inner-form {
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
border-radius: NaNpx;
background-color: #f7f7f7;
overflow: hidden;
}
#a1aabab269ac5b8 .inner-form .input-field {
height: 100%;
}
#a1aabab269ac5b8 .inner-form .input-field input {
height: 100%;
background: transparent;
border: 0;
display: block;
width: 100%;
padding: 10px 0;
font-weight: normal;
font-style: normal;
font-size: 14px;
font-family: inherit;
color: #000;
}
#a1aabab269ac5b8 .inner-form .input-field input.placeholder {
font-size: 14px;
color: #262626;
}
#a1aabab269ac5b8 .inner-form .input-field input:-moz-placeholder {
font-size: 14px;
color: #262626;
}
#a1aabab269ac5b8 .inner-form .input-field input::-webkit-input-placeholder {
font-size: 14px;
color: #262626;
}
#a1aabab269ac5b8 .inner-form .input-field input:focus {
box-shadow: none;
outline: 0;
}
#a1aabab269ac5b8 .inner-form .input-field.first-wrap {
-ms-flex-positive: 1;
flex-grow: 1;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
background: #f7f7f7;
position: relative;
}
#a1aabab269ac5b8 .inner-form .input-field.first-wrap input {
-ms-flex-positive: 1;
flex-grow: 1;
}
#a1aabab269ac5b8 .inner-form .input-field.first-wrap svg {
width: 20px;
height: 20px;
display: inline-block;
fill: #000;
margin: 0 15px;
}
#a1aabab269ac5b8 .inner-form .input-field.second-wrap {
min-width: 100px;
}
#a1aabab269ac5b8 .btn-search {
height: 100%;
width: 100%;
white-space: nowrap;
font-size: 16px;
border: 0;
cursor: pointer;
position: relative;
z-index: 0;
background: #3771fa;
color: #fff;
transition: all 0.2s ease-out, color 0.2s ease-out;
font-weight: 300;
border-top-right-radius: NaNpx;
border-bottom-right-radius: NaNpx;
overflow: hidden;
}
#a1aabab269ac5b8 .btn-search:hover {
background: #3771fa;
}
#a1aabab269ac5b8 .btn-search:focus {
outline: 0;
box-shadow: none;
}
#aa2cdac6bfae712 > .ele-wrap {background-color: rgba(55, 113, 250, 1);border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;border-top-left-radius: 0px;border-top-right-radius: 0px;border-top-color: rgba(0, 0, 0, 0);border-right-color: rgba(0, 0, 0, 0);border-bottom-color: rgba(0, 0, 0, 0);border-left-color: rgba(0, 0, 0, 0);border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;box-shadow: 0px 0px 0px 0px undefined;}#aa2cdac6bfae712 > .ele-wrap:hover {border-top-color: rgba(0, 0, 0, 0);border-right-color: rgba(0, 0, 0, 0);border-bottom-color: rgba(0, 0, 0, 0);border-left-color: rgba(0, 0, 0, 0);box-shadow: 0px 0px 0px 0px undefined;}#a2169a588dac629 .menu-list {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
position: relative;
list-style: none;
background: #3771fa;
text-align: left;
}
#a2169a588dac629 .menu-list li {
height: 100%;
margin: 0;
position: relative;
text-align: center;
flex-shrink: 0;
}
#a2169a588dac629 .ap-icon {
margin-right: 6px;
}
#a2169a588dac629 .indicator {
margin-left: 4px;
}
#a2169a588dac629 .menu-list > li > a {
display: flex;
height: 100%;
align-items: center;
justify-content: center;
font-size: 14px;
padding: 0 20px;
text-decoration: none;
text-transform: uppercase;
-webkit-transition: color 0.2s linear, background 0.2s linear;
-moz-transition: color 0.2s linear, background 0.2s linear;
-o-transition: color 0.2s linear, background 0.2s linear;
transition: color 0.2s linear, background 0.2s linear;
background-color: #3771fa;
font-weight: normal;
font-style: normal;
font-size: 16px;
font-family: inherit;
color: #ffffff;
}
#a2169a588dac629 .menu-list li:hover > a,
#a2169a588dac629 .menu-list li.active > a {
background: #fb9863;
background-color: #fb9863;
font-weight: normal;
font-style: normal;
font-size: 16px;
font-family: inherit;
color: #ffffff;
}
#a2169a588dac629 .menu-list li.active > a {
font-weight: normal;
font-style: normal;
font-size: 16px;
font-family: inherit;
color: #ffffff;
background-color: #fb9863;
}
#a2169a588dac629 .menu-list ul,
#a2169a588dac629 .menu-list ul li ul {
list-style: none;
margin: 0;
padding: 0;
display: none;
position: absolute;
z-index: 99999;
background: #333;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
#a2169a588dac629 .menu-list ul {
top: 69px;
left: 50%;
transform: translateX(-50%);
}
#a2169a588dac629 .menu-list ul li ul {
top: 0;
left: 100%;
}
#a2169a588dac629 .menu-list ul li {
clear: both;
width: 100%;
border: none;
}
#a2169a588dac629 .menu-list ul li a {
padding: 10px 15px;
width: 100%;
color: #dedede;
font-size: 13px;
text-decoration: none;
display: inline-block;
float: left;
white-space: nowrap;
clear: both;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-transition: color 0.2s linear, background 0.2s linear;
-moz-transition: color 0.2s linear, background 0.2s linear;
-o-transition: color 0.2s linear, background 0.2s linear;
transition: color 0.2s linear, background 0.2s linear;
}
#aa25fa17fcabbd2 > .ele-wrap {background-color: rgba(247, 247, 247, 1);border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;border-top-left-radius: 0px;border-top-right-radius: 0px;border-top-color: rgba(0, 0, 0, 0);border-right-color: rgba(0, 0, 0, 0);border-bottom-color: rgba(0, 0, 0, 0);border-left-color: rgba(0, 0, 0, 0);border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;box-shadow: 0px 0px 0px 0px undefined;}#aa25fa17fcabbd2 > .ele-wrap:hover {box-shadow: 0px 0px 0px 0px undefined;}#af828a599ea91a8 .img-wrap {
box-shadow: NaNpx NaNpx 0px 0px #3771fa;
}
#acee1ac84ba6895 .uk-form .form-submit-btn {
width: 380px;
}
#acee1ac84ba6895 .submit-wrap {
text-align: center;
}
#acee1ac84ba6895 .submit-wrap button {
background-color: #3771fa;
}
#acee1ac84ba6895 .submit-wrap button:hover {
background-color: #af4003;
}
#acee1ac84ba6895 form.form-theme-10 .form-item .send-code {
bottom: auto;
top: 50%;
margin-top: -20px;
}
#acee1ac84ba6895 .form-item .uk-input,
#acee1ac84ba6895 .form-item .uk-select,
#acee1ac84ba6895 .form-item .uk-textarea {
width: autopx;
}
#acee1ac84ba6895 .form-item .auto-height {
height: auto;
}
#a1f1da53c5a9a81 > .ele-wrap {background-color: rgba(66, 66, 66, 1);border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;border-top-left-radius: 0px;border-top-right-radius: 0px;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;box-shadow: 0px 0px 0px 0px undefined;}#a1f1da53c5a9a81 > .ele-wrap:hover {box-shadow: 0px 0px 0px 0px undefined;}#aa755aa092aef4e .gallery-thumbnails .uk-thumbnav {
justify-content: center;
}
#aa755aa092aef4e .gallery-thumbnails .uk-thumbnav > * {
padding-left: 8px;
}
#a8155adc06a52a1 .ap-content-container {
height: 100%;
min-height: 40px;
}
#a43dca0e2eab426 {
min-height: 500px;
/* mobile */
}
#a43dca0e2eab426 .search-highlight {
background: yellow;
}
#a43dca0e2eab426 .el-item {
padding: 0;
border-bottom: 1px solid #ececec;
}
#a43dca0e2eab426 .el-title {
margin-bottom: 20px;
}
#a43dca0e2eab426 .el-item:hover .el-title {
color: #3771fa;
}
#a43dca0e2eab426 .img-wrap {
overflow: hidden;
display: block;
border-radius: 4px;
}
#a43dca0e2eab426 .img-wrap img {
transition: all .3s ease;
border-radius: 4px;
}
#a43dca0e2eab426 .el-item:hover .img-wrap img {
transform: scale(1.1);
}
#a43dca0e2eab426 .el-title a {
font-size: 20px;
color: #333;
line-height: 36px;
}
#a43dca0e2eab426 .el-meta {
font-size: 14px;
color: #777;
line-height: 1.5;
margin: 6px 0;
}
#a43dca0e2eab426 .el-content {
font-size: 14px;
color: #777;
}
@media (max-width: 640px) {
#a43dca0e2eab426 .el-title {
margin-bottom: 0;
}
#a43dca0e2eab426 .el-title a {
font-size: 14px;
color: #333;
line-height: 1.5;
}
#a43dca0e2eab426 .category {
font-size: 12px;
}
#a43dca0e2eab426 .el-content {
font-size: 12px;
color: #777;
line-height: 1.5;
margin: 6px 0 0px;
}
}
#aad1ba2302ab24e .uk-container {
line-height: 2;
color: #999;
}
#ad619ab44aa6feb .img-wrap {
box-shadow: NaNpx NaNpx 0px 0px #3771fa;
}
#a1aabab269ac5b8 form {
width: 100%;
height: 100%;
}
#a1aabab269ac5b8 .search-box {
text-align: center;
margin-right: -10px;
font-size: 14px;
height: 100%;
}
#a1aabab269ac5b8 .search-box .select-text {
line-height: 1;
cursor: pointer;
padding: 0 10px;
white-space: nowrap;
padding-left: 18px;
height: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
#a1aabab269ac5b8 .search-box .search-type {
padding: 0;
margin: 0;
position: absolute;
left: 0;
top: 40px;
display: none;
z-index: 999999;
}
#a1aabab269ac5b8 .search-box .search-type.show {
display: block;
}
#a1aabab269ac5b8 .search-box .search-type li {
text-align: center;
line-height: 40px;
background: #f7f7f7;
cursor: pointer;
padding: 0 18px;
}
#a1aabab269ac5b8 .search-box .search-type li:hover {
color: #3771fa;
}
#a1aabab269ac5b8 .search-box .search-type li.active {
color: #3771fa;
}
#a1aabab269ac5b8 .inner-form {
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
border-radius: NaNpx;
background-color: #f7f7f7;
overflow: hidden;
}
#a1aabab269ac5b8 .inner-form .input-field {
height: 100%;
}
#a1aabab269ac5b8 .inner-form .input-field input {
height: 100%;
background: transparent;
border: 0;
display: block;
width: 100%;
padding: 10px 0;
font-weight: normal;
font-style: normal;
font-size: 14px;
font-family: inherit;
color: #000;
}
#a1aabab269ac5b8 .inner-form .input-field input.placeholder {
font-size: 14px;
color: #262626;
}
#a1aabab269ac5b8 .inner-form .input-field input:-moz-placeholder {
font-size: 14px;
color: #262626;
}
#a1aabab269ac5b8 .inner-form .input-field input::-webkit-input-placeholder {
font-size: 14px;
color: #262626;
}
#a1aabab269ac5b8 .inner-form .input-field input:focus {
box-shadow: none;
outline: 0;
}
#a1aabab269ac5b8 .inner-form .input-field.first-wrap {
-ms-flex-positive: 1;
flex-grow: 1;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
background: #f7f7f7;
position: relative;
}
#a1aabab269ac5b8 .inner-form .input-field.first-wrap input {
-ms-flex-positive: 1;
flex-grow: 1;
}
#a1aabab269ac5b8 .inner-form .input-field.first-wrap svg {
width: 20px;
height: 20px;
display: inline-block;
fill: #000;
margin: 0 15px;
}
#a1aabab269ac5b8 .inner-form .input-field.second-wrap {
min-width: 100px;
}
#a1aabab269ac5b8 .btn-search {
height: 100%;
width: 100%;
white-space: nowrap;
font-size: 16px;
border: 0;
cursor: pointer;
position: relative;
z-index: 0;
background: #3771fa;
color: #fff;
transition: all 0.2s ease-out, color 0.2s ease-out;
font-weight: 300;
border-top-right-radius: NaNpx;
border-bottom-right-radius: NaNpx;
overflow: hidden;
}
#a1aabab269ac5b8 .btn-search:hover {
background: #3771fa;
}
#a1aabab269ac5b8 .btn-search:focus {
outline: 0;
box-shadow: none;
}
#aa2cdac6bfae712 > .ele-wrap {background-color: rgba(55, 113, 250, 1);border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;border-top-left-radius: 0px;border-top-right-radius: 0px;border-top-color: rgba(0, 0, 0, 0);border-right-color: rgba(0, 0, 0, 0);border-bottom-color: rgba(0, 0, 0, 0);border-left-color: rgba(0, 0, 0, 0);border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;box-shadow: 0px 0px 0px 0px undefined;}#aa2cdac6bfae712 > .ele-wrap:hover {border-top-color: rgba(0, 0, 0, 0);border-right-color: rgba(0, 0, 0, 0);border-bottom-color: rgba(0, 0, 0, 0);border-left-color: rgba(0, 0, 0, 0);box-shadow: 0px 0px 0px 0px undefined;}#a2169a588dac629 .menu-list {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
position: relative;
list-style: none;
background: #3771fa;
text-align: left;
}
#a2169a588dac629 .menu-list li {
height: 100%;
margin: 0;
position: relative;
text-align: center;
flex-shrink: 0;
}
#a2169a588dac629 .ap-icon {
margin-right: 6px;
}
#a2169a588dac629 .indicator {
margin-left: 4px;
}
#a2169a588dac629 .menu-list > li > a {
display: flex;
height: 100%;
align-items: center;
justify-content: center;
font-size: 14px;
padding: 0 20px;
text-decoration: none;
text-transform: uppercase;
-webkit-transition: color 0.2s linear, background 0.2s linear;
-moz-transition: color 0.2s linear, background 0.2s linear;
-o-transition: color 0.2s linear, background 0.2s linear;
transition: color 0.2s linear, background 0.2s linear;
background-color: #3771fa;
font-weight: normal;
font-style: normal;
font-size: 16px;
font-family: inherit;
color: #ffffff;
}
#a2169a588dac629 .menu-list li:hover > a,
#a2169a588dac629 .menu-list li.active > a {
background: #fb9863;
background-color: #fb9863;
font-weight: normal;
font-style: normal;
font-size: 16px;
font-family: inherit;
color: #ffffff;
}
#a2169a588dac629 .menu-list li.active > a {
font-weight: normal;
font-style: normal;
font-size: 16px;
font-family: inherit;
color: #ffffff;
background-color: #fb9863;
}
#a2169a588dac629 .menu-list ul,
#a2169a588dac629 .menu-list ul li ul {
list-style: none;
margin: 0;
padding: 0;
display: none;
position: absolute;
z-index: 99999;
background: #333;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
#a2169a588dac629 .menu-list ul {
top: 69px;
left: 50%;
transform: translateX(-50%);
}
#a2169a588dac629 .menu-list ul li ul {
top: 0;
left: 100%;
}
#a2169a588dac629 .menu-list ul li {
clear: both;
width: 100%;
border: none;
}
#a2169a588dac629 .menu-list ul li a {
padding: 10px 15px;
width: 100%;
color: #dedede;
font-size: 13px;
text-decoration: none;
display: inline-block;
float: left;
white-space: nowrap;
clear: both;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-transition: color 0.2s linear, background 0.2s linear;
-moz-transition: color 0.2s linear, background 0.2s linear;
-o-transition: color 0.2s linear, background 0.2s linear;
transition: color 0.2s linear, background 0.2s linear;
}
#a1f1da53c5a9a81 > .ele-wrap {background-color: rgba(66, 66, 66, 1);border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;border-top-left-radius: 0px;border-top-right-radius: 0px;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;box-shadow: 0px 0px 0px 0px undefined;}#a1f1da53c5a9a81 > .ele-wrap:hover {box-shadow: 0px 0px 0px 0px undefined;}#aa755aa092aef4e .gallery-thumbnails .uk-thumbnav {
justify-content: center;
}
#aa755aa092aef4e .gallery-thumbnails .uk-thumbnav > * {
padding-left: 8px;
}
#a8155adc06a52a1 .ap-content-container {
height: 100%;
min-height: 40px;
}
#a68a8a5969a3c56 {
/* Error Page */
/* Error Page */
/*--------------------------------------------Framework --------------------------------*/
/*done*/
/*done*/
/*done*/
/* Padding Section*/
/*done*/
/*done*/
/*done*/
/*done*/
/*done*/
/*done*/
/* Padding Section*/
/* Margin section */
/*done*/
/*done*/
/*done*/
/*done*/
/*done*/
/*done*/
/*done*/
/*done*/
/*done - For the inside sections that has also Title section*/
/* Margin section */
/*--------------------------------------------FrameWork------------------------*/
}
#a68a8a5969a3c56 * {
font-family: 'PT Sans Caption', sans-serif, 'arial', 'Times New Roman';
}
#a68a8a5969a3c56 .error .clip .shadow {
height: 180px;
/*Contrall*/
}
#a68a8a5969a3c56 .error .clip:nth-of-type(2) .shadow {
width: 130px;
/*Contrall play with javascript*/
}
#a68a8a5969a3c56 .error .clip:nth-of-type(1) .shadow,
#a68a8a5969a3c56 .error .clip:nth-of-type(3) .shadow {
width: 250px;
/*Contrall*/
}
#a68a8a5969a3c56 .error .digit {
width: 150px;
/*Contrall*/
height: 150px;
/*Contrall*/
line-height: 150px;
/*Contrall*/
font-size: 120px;
font-weight: bold;
}
#a68a8a5969a3c56 .error h2 {
font-size: 32px;
}
#a68a8a5969a3c56 .error .msg {
top: -190px;
left: 30%;
width: 80px;
height: 80px;
line-height: 80px;
font-size: 32px;
}
#a68a8a5969a3c56 .error span.triangle {
top: 70%;
right: 0%;
border-left: 20px solid #535353;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
}
#a68a8a5969a3c56 .error .container-error-404 {
margin-top: 10%;
position: relative;
height: 250px;
padding-top: 40px;
text-align: center;
}
#a68a8a5969a3c56 .error .container-error-404 .clip {
display: inline-block;
transform: skew(-45deg);
}
#a68a8a5969a3c56 .error .clip .shadow {
overflow: hidden;
}
#a68a8a5969a3c56 .error .clip:nth-of-type(2) .shadow {
overflow: hidden;
position: relative;
box-shadow: inset 20px 0px 20px -15px rgba(150, 150, 150, 0.8), 20px 0px 20px -15px rgba(150, 150, 150, 0.8);
}
#a68a8a5969a3c56 .error .clip:nth-of-type(3) .shadow:after,
#a68a8a5969a3c56 .error .clip:nth-of-type(1) .shadow:after {
content: "";
position: absolute;
right: -8px;
bottom: 0px;
z-index: 9999;
height: 100%;
width: 10px;
background: linear-gradient(90deg, transparent, rgba(173, 173, 173, 0.8), transparent);
border-radius: 50%;
}
#a68a8a5969a3c56 .error .clip:nth-of-type(3) .shadow:after {
left: -8px;
}
#a68a8a5969a3c56 .error .digit {
position: relative;
top: 8%;
color: white;
background: #07B3F9;
border-radius: 50%;
display: inline-block;
transform: skew(45deg);
}
#a68a8a5969a3c56 .error .clip:nth-of-type(2) .digit {
left: -10%;
}
#a68a8a5969a3c56 .error .clip:nth-of-type(1) .digit {
right: -20%;
}
#a68a8a5969a3c56 .error .clip:nth-of-type(3) .digit {
left: -20%;
}
#a68a8a5969a3c56 .error h2 {
color: #A2A2A2;
font-weight: bold;
padding-bottom: 20px;
}
#a68a8a5969a3c56 .error .msg {
position: relative;
z-index: 9999;
display: block;
background: #535353;
color: #A2A2A2;
border-radius: 50%;
font-style: italic;
}
#a68a8a5969a3c56 .error .triangle {
position: absolute;
z-index: 999;
transform: rotate(45deg);
content: "";
width: 0;
height: 0;
}
@media (max-width: 767px) {
#a68a8a5969a3c56 {
/* Error Page */
/* Error Page */
}
#a68a8a5969a3c56 .error .clip .shadow {
height: 100px;
/*Contrall*/
}
#a68a8a5969a3c56 .error .clip:nth-of-type(2) .shadow {
width: 80px;
/*Contrall play with javascript*/
}
#a68a8a5969a3c56 .error .clip:nth-of-type(1) .shadow,
#a68a8a5969a3c56 .error .clip:nth-of-type(3) .shadow {
width: 100px;
/*Contrall*/
}
#a68a8a5969a3c56 .error .digit {
width: 80px;
/*Contrall*/
height: 80px;
/*Contrall*/
line-height: 80px;
/*Contrall*/
font-size: 52px;
}
#a68a8a5969a3c56 .error h2 {
font-size: 24px;
}
#a68a8a5969a3c56 .error .msg {
top: -110px;
left: 15%;
width: 40px;
height: 40px;
line-height: 40px;
font-size: 18px;
}
#a68a8a5969a3c56 .error span.triangle {
top: 70%;
right: -3%;
border-left: 10px solid #535353;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
}
#a68a8a5969a3c56 .error .container-error-404 {
height: 150px;
}
}
#a68a8a5969a3c56 .overlay {
position: relative;
z-index: 20;
}
#a68a8a5969a3c56 .ground-color {
background: white;
}
#a68a8a5969a3c56 .item-bg-color {
background: #EAEAEA;
}
#a68a8a5969a3c56 .padding-top {
padding-top: 10px;
}
#a68a8a5969a3c56 .padding-bottom {
padding-bottom: 10px;
}
#a68a8a5969a3c56 .padding-vertical {
padding-top: 10px;
padding-bottom: 10px;
}
#a68a8a5969a3c56 .padding-horizontal {
padding-left: 10px;
padding-right: 10px;
}
#a68a8a5969a3c56 .padding-all {
padding: 10px;
}
#a68a8a5969a3c56 .no-padding-left {
padding-left: 0px;
}
#a68a8a5969a3c56 .no-padding-right {
padding-right: 0px;
}
#a68a8a5969a3c56 .no-vertical-padding {
padding-top: 0px;
padding-bottom: 0px;
}
#a68a8a5969a3c56 .no-horizontal-padding {
padding-left: 0px;
padding-right: 0px;
}
#a68a8a5969a3c56 .no-padding {
padding: 0px;
}
#a68a8a5969a3c56 .margin-top {
margin-top: 10px;
}
#a68a8a5969a3c56 .margin-bottom {
margin-bottom: 10px;
}
#a68a8a5969a3c56 .margin-right {
margin-right: 10px;
}
#a68a8a5969a3c56 .margin-left {
margin-left: 10px;
}
#a68a8a5969a3c56 .margin-horizontal {
margin-left: 10px;
margin-right: 10px;
}
#a68a8a5969a3c56 .margin-vertical {
margin-top: 10px;
margin-bottom: 10px;
}
#a68a8a5969a3c56 .margin-all {
margin: 10px;
}
#a68a8a5969a3c56 .no-margin {
margin: 0px;
}
#a68a8a5969a3c56 .no-vertical-margin {
margin-top: 0px;
margin-bottom: 0px;
}
#a68a8a5969a3c56 .no-horizontal-margin {
margin-left: 0px;
margin-right: 0px;
}
#a68a8a5969a3c56 .inside-col-shrink {
margin: 0px 20px;
}
#a68a8a5969a3c56 hr {
margin: 0px;
padding: 0px;
border-top: 1px dashed #999;
}
#ac97aaa68faeb8c .uk-container {
line-height: 2;
color: #999;
}
#ad619ab44aa6feb .img-wrap {
box-shadow: NaNpx NaNpx 0px 0px #3771fa;
}
#a1aabab269ac5b8 form {
width: 100%;
height: 100%;
}
#a1aabab269ac5b8 .search-box {
text-align: center;
margin-right: -10px;
font-size: 14px;
height: 100%;
}
#a1aabab269ac5b8 .search-box .select-text {
line-height: 1;
cursor: pointer;
padding: 0 10px;
white-space: nowrap;
padding-left: 18px;
height: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
#a1aabab269ac5b8 .search-box .search-type {
padding: 0;
margin: 0;
position: absolute;
left: 0;
top: 40px;
display: none;
z-index: 999999;
}
#a1aabab269ac5b8 .search-box .search-type.show {
display: block;
}
#a1aabab269ac5b8 .search-box .search-type li {
text-align: center;
line-height: 40px;
background: #f7f7f7;
cursor: pointer;
padding: 0 18px;
}
#a1aabab269ac5b8 .search-box .search-type li:hover {
color: #3771fa;
}
#a1aabab269ac5b8 .search-box .search-type li.active {
color: #3771fa;
}
#a1aabab269ac5b8 .inner-form {
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
border-radius: NaNpx;
background-color: #f7f7f7;
overflow: hidden;
}
#a1aabab269ac5b8 .inner-form .input-field {
height: 100%;
}
#a1aabab269ac5b8 .inner-form .input-field input {
height: 100%;
background: transparent;
border: 0;
display: block;
width: 100%;
padding: 10px 0;
font-weight: normal;
font-style: normal;
font-size: 14px;
font-family: inherit;
color: #000;
}
#a1aabab269ac5b8 .inner-form .input-field input.placeholder {
font-size: 14px;
color: #262626;
}
#a1aabab269ac5b8 .inner-form .input-field input:-moz-placeholder {
font-size: 14px;
color: #262626;
}
#a1aabab269ac5b8 .inner-form .input-field input::-webkit-input-placeholder {
font-size: 14px;
color: #262626;
}
#a1aabab269ac5b8 .inner-form .input-field input:focus {
box-shadow: none;
outline: 0;
}
#a1aabab269ac5b8 .inner-form .input-field.first-wrap {
-ms-flex-positive: 1;
flex-grow: 1;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
background: #f7f7f7;
position: relative;
}
#a1aabab269ac5b8 .inner-form .input-field.first-wrap input {
-ms-flex-positive: 1;
flex-grow: 1;
}
#a1aabab269ac5b8 .inner-form .input-field.first-wrap svg {
width: 20px;
height: 20px;
display: inline-block;
fill: #000;
margin: 0 15px;
}
#a1aabab269ac5b8 .inner-form .input-field.second-wrap {
min-width: 100px;
}
#a1aabab269ac5b8 .btn-search {
height: 100%;
width: 100%;
white-space: nowrap;
font-size: 16px;
border: 0;
cursor: pointer;
position: relative;
z-index: 0;
background: #3771fa;
color: #fff;
transition: all 0.2s ease-out, color 0.2s ease-out;
font-weight: 300;
border-top-right-radius: NaNpx;
border-bottom-right-radius: NaNpx;
overflow: hidden;
}
#a1aabab269ac5b8 .btn-search:hover {
background: #3771fa;
}
#a1aabab269ac5b8 .btn-search:focus {
outline: 0;
box-shadow: none;
}
#aa2cdac6bfae712 > .ele-wrap {background-color: rgba(55, 113, 250, 1);border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;border-top-left-radius: 0px;border-top-right-radius: 0px;border-top-color: rgba(0, 0, 0, 0);border-right-color: rgba(0, 0, 0, 0);border-bottom-color: rgba(0, 0, 0, 0);border-left-color: rgba(0, 0, 0, 0);border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;box-shadow: 0px 0px 0px 0px undefined;}#aa2cdac6bfae712 > .ele-wrap:hover {border-top-color: rgba(0, 0, 0, 0);border-right-color: rgba(0, 0, 0, 0);border-bottom-color: rgba(0, 0, 0, 0);border-left-color: rgba(0, 0, 0, 0);box-shadow: 0px 0px 0px 0px undefined;}#a2169a588dac629 .menu-list {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
position: relative;
list-style: none;
background: #3771fa;
text-align: left;
}
#a2169a588dac629 .menu-list li {
height: 100%;
margin: 0;
position: relative;
text-align: center;
flex-shrink: 0;
}
#a2169a588dac629 .ap-icon {
margin-right: 6px;
}
#a2169a588dac629 .indicator {
margin-left: 4px;
}
#a2169a588dac629 .menu-list > li > a {
display: flex;
height: 100%;
align-items: center;
justify-content: center;
font-size: 14px;
padding: 0 20px;
text-decoration: none;
text-transform: uppercase;
-webkit-transition: color 0.2s linear, background 0.2s linear;
-moz-transition: color 0.2s linear, background 0.2s linear;
-o-transition: color 0.2s linear, background 0.2s linear;
transition: color 0.2s linear, background 0.2s linear;
background-color: #3771fa;
font-weight: normal;
font-style: normal;
font-size: 16px;
font-family: inherit;
color: #ffffff;
}
#a2169a588dac629 .menu-list li:hover > a,
#a2169a588dac629 .menu-list li.active > a {
background: #fb9863;
background-color: #fb9863;
font-weight: normal;
font-style: normal;
font-size: 16px;
font-family: inherit;
color: #ffffff;
}
#a2169a588dac629 .menu-list li.active > a {
font-weight: normal;
font-style: normal;
font-size: 16px;
font-family: inherit;
color: #ffffff;
background-color: #fb9863;
}
#a2169a588dac629 .menu-list ul,
#a2169a588dac629 .menu-list ul li ul {
list-style: none;
margin: 0;
padding: 0;
display: none;
position: absolute;
z-index: 99999;
background: #333;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
#a2169a588dac629 .menu-list ul {
top: 69px;
left: 50%;
transform: translateX(-50%);
}
#a2169a588dac629 .menu-list ul li ul {
top: 0;
left: 100%;
}
#a2169a588dac629 .menu-list ul li {
clear: both;
width: 100%;
border: none;
}
#a2169a588dac629 .menu-list ul li a {
padding: 10px 15px;
width: 100%;
color: #dedede;
font-size: 13px;
text-decoration: none;
display: inline-block;
float: left;
white-space: nowrap;
clear: both;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-transition: color 0.2s linear, background 0.2s linear;
-moz-transition: color 0.2s linear, background 0.2s linear;
-o-transition: color 0.2s linear, background 0.2s linear;
transition: color 0.2s linear, background 0.2s linear;
}
#a1f1da53c5a9a81 > .ele-wrap {background-color: rgba(66, 66, 66, 1);border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;border-top-left-radius: 0px;border-top-right-radius: 0px;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;box-shadow: 0px 0px 0px 0px undefined;}#a1f1da53c5a9a81 > .ele-wrap:hover {box-shadow: 0px 0px 0px 0px undefined;}#aa755aa092aef4e .gallery-thumbnails .uk-thumbnav {
justify-content: center;
}
#aa755aa092aef4e .gallery-thumbnails .uk-thumbnav > * {
padding-left: 8px;
}
#a8155adc06a52a1 .ap-content-container {
height: 100%;
min-height: 40px;
}
#ac0a7a3e79a7bff .login-main {
border-radius: 4px;
overflow: hidden;
background: #fff;
box-shadow: 0 0 20px 0 rgba(12, 1, 4, 0.05);
}
#ac0a7a3e79a7bff .switch_item {
margin-right: 10px;
}
#ac0a7a3e79a7bff a.switch_item:hover {
text-decoration: underline;
}
#ac0a7a3e79a7bff .slider {
width: 420px;
height: 600px;
}
#ac0a7a3e79a7bff .uk-slideshow-items {
height: 100%;
}
#ac0a7a3e79a7bff .uk-slideshow-items a {
width: 100%;
height: 100%;
display: block;
}
#ac0a7a3e79a7bff .login-wrap {
width: 100%;
height: 100%;
}
#ac0a7a3e79a7bff .uk-dotnav > * > * {
background: #fff;
border-color: #fff;
opacity: .5;
}
#ac0a7a3e79a7bff .uk-dotnav > .uk-active > * {
border-color: #0076fe;
background: #0076fe;
}
#ac0a7a3e79a7bff .phone-login-box {
margin: 40px auto 40px;
}
#ac0a7a3e79a7bff .login-header {
margin-bottom: 24px;
}
#ac0a7a3e79a7bff .login-header h4 {
font-size: 22px;
font-weight: bolder;
line-height: 1;
padding-left: 20px;
border-left: 4px solid #0076fe;
}
#ac0a7a3e79a7bff .input-item {
width: 330px;
height: 45px;
background-color: #f0f2f7;
border-radius: 22px;
border: solid 1px #e3e8f0;
position: relative;
overflow: hidden;
}
#ac0a7a3e79a7bff .input-item input {
width: 100%;
padding: 0 16px 0 40px;
height: 43px;
border-radius: 0 21px 21px 0;
position: absolute;
right: 0;
border: 0;
line-height: 43px;
background-color: transparent;
outline: 0;
font-size: 14px;
}
#ac0a7a3e79a7bff .forget_password {
cursor: pointer;
}
#ac0a7a3e79a7bff .forget_password:hover {
color: #3771fa;
}
#ac0a7a3e79a7bff .input-item input.error,
#ac0a7a3e79a7bff .input-item input.error::placeholder {
color: #fc4343;
}
#ac0a7a3e79a7bff .input-item input::placeholder {
color: #999;
}
#ac0a7a3e79a7bff .input-item .icon {
position: absolute;
left: 10px;
top: 12px;
fill: #ccc;
width: 20px;
}
#ac0a7a3e79a7bff .form-item {
margin: 24px 0;
}
#ac0a7a3e79a7bff .verifycode-input .input-item {
width: 200px;
float: left;
}
#ac0a7a3e79a7bff .send-code {
float: left;
margin-left: 20px;
}
#ac0a7a3e79a7bff .verifycode-input button {
display: block;
padding: 0;
height: 45px;
width: 105px;
background-color: #f1f7ff;
border-radius: 22px;
font-size: 14px;
-webkit-transition: .3s;
transition: .3s;
color: #999;
cursor: pointer;
}
#ac0a7a3e79a7bff .submit {
width: 330px;
height: 45px;
background-color: #0076fe;
border-radius: 22px;
font-size: 18px;
line-height: 45px;
color: #fff;
cursor: pointer;
}
#ac0a7a3e79a7bff .error {
color: #fc4343;
font-size: 12px;
padding-left: 10px;
display: block;
max-width: 300px;
}
#ac0a7a3e79a7bff .login_btn_wrap {
text-align: center;
}
#ac0a7a3e79a7bff .login_btn_wrap .submit {
display: block;
margin-bottom: 10px;
}
#ac0a7a3e79a7bff .input-item .pwd-toggle {
position: absolute;
right: 15px;
top: 50%;
margin-top: -10px;
font-size: 16px;
color: #999;
cursor: pointer;
}
#ac0a7a3e79a7bff .input-item .pwd-toggle:hover {
color: currentColor;
}
#ab2eaa564fa1d13 .login-main {
border-radius: 4px;
overflow: hidden;
background: #fff;
box-shadow: 0 0 20px 0 rgba(12, 1, 4, 0.05);
}
#ab2eaa564fa1d13 .switch_item {
margin-right: 10px;
}
#ab2eaa564fa1d13 a.switch_item:hover {
text-decoration: underline;
}
#ab2eaa564fa1d13 .slider {
width: 420px;
height: 600px;
}
#ab2eaa564fa1d13 .uk-slideshow-items {
height: 100%;
}
#ab2eaa564fa1d13 .uk-slideshow-items a {
width: 100%;
height: 100%;
display: block;
}
#ab2eaa564fa1d13 .login-wrap {
width: 100%;
height: 100%;
}
#ab2eaa564fa1d13 .uk-dotnav > * > * {
background: #fff;
border-color: #fff;
opacity: .5;
}
#ab2eaa564fa1d13 .uk-dotnav > .uk-active > * {
border-color: #0076fe;
background: #0076fe;
}
#ab2eaa564fa1d13 .phone-login-box {
margin: 40px auto 40px;
}
#ab2eaa564fa1d13 .login-header {
margin-bottom: 24px;
}
#ab2eaa564fa1d13 .login-header h4 {
font-size: 22px;
font-weight: bolder;
line-height: 1;
padding-left: 20px;
border-left: 4px solid #0076fe;
}
#ab2eaa564fa1d13 .input-item {
width: 330px;
height: 45px;
background-color: #f0f2f7;
border-radius: 22px;
border: solid 1px #e3e8f0;
position: relative;
overflow: hidden;
}
#ab2eaa564fa1d13 .input-item input {
width: 100%;
padding: 0 16px 0 40px;
height: 43px;
border-radius: 0 21px 21px 0;
position: absolute;
right: 0;
border: 0;
line-height: 43px;
background-color: transparent;
outline: 0;
font-size: 14px;
}
#ab2eaa564fa1d13 .forget_password {
cursor: pointer;
}
#ab2eaa564fa1d13 .forget_password:hover {
color: #3771fa;
}
#ab2eaa564fa1d13 .input-item input.error,
#ab2eaa564fa1d13 .input-item input.error::placeholder {
color: #fc4343;
}
#ab2eaa564fa1d13 .input-item input::placeholder {
color: #999;
}
#ab2eaa564fa1d13 .input-item .icon {
position: absolute;
left: 10px;
top: 12px;
fill: #ccc;
width: 20px;
}
#ab2eaa564fa1d13 .form-item {
margin: 24px 0;
}
#ab2eaa564fa1d13 .verifycode-input .input-item {
width: 200px;
float: left;
}
#ab2eaa564fa1d13 .send-code {
float: left;
margin-left: 20px;
}
#ab2eaa564fa1d13 .verifycode-input button {
display: block;
padding: 0;
height: 45px;
width: 105px;
background-color: #f1f7ff;
border-radius: 22px;
font-size: 14px;
-webkit-transition: .3s;
transition: .3s;
color: #999;
cursor: pointer;
}
#ab2eaa564fa1d13 .submit {
width: 330px;
height: 45px;
background-color: #0076fe;
border-radius: 22px;
font-size: 18px;
line-height: 45px;
color: #fff;
cursor: pointer;
}
#ab2eaa564fa1d13 .error {
color: #fc4343;
font-size: 12px;
padding-left: 10px;
display: block;
max-width: 300px;
}
#ab2eaa564fa1d13 .login_btn_wrap {
text-align: center;
}
#ab2eaa564fa1d13 .login_btn_wrap .submit {
display: block;
margin-bottom: 10px;
}
#ab2eaa564fa1d13 .input-item .pwd-toggle {
position: absolute;
right: 15px;
top: 50%;
margin-top: -10px;
font-size: 16px;
color: #999;
cursor: pointer;
}
#ab2eaa564fa1d13 .input-item .pwd-toggle:hover {
color: currentColor;
}
#a4b3cabe79a669c .uk-container {
line-height: 2;
color: #999;
}
#ad619ab44aa6feb .img-wrap {
box-shadow: NaNpx NaNpx 0px 0px #3771fa;
}
#a1aabab269ac5b8 form {
width: 100%;
height: 100%;
}
#a1aabab269ac5b8 .search-box {
text-align: center;
margin-right: -10px;
font-size: 14px;
height: 100%;
}
#a1aabab269ac5b8 .search-box .select-text {
line-height: 1;
cursor: pointer;
padding: 0 10px;
white-space: nowrap;
padding-left: 18px;
height: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
#a1aabab269ac5b8 .search-box .search-type {
padding: 0;
margin: 0;
position: absolute;
left: 0;
top: 40px;
display: none;
z-index: 999999;
}
#a1aabab269ac5b8 .search-box .search-type.show {
display: block;
}
#a1aabab269ac5b8 .search-box .search-type li {
text-align: center;
line-height: 40px;
background: #f7f7f7;
cursor: pointer;
padding: 0 18px;
}
#a1aabab269ac5b8 .search-box .search-type li:hover {
color: #3771fa;
}
#a1aabab269ac5b8 .search-box .search-type li.active {
color: #3771fa;
}
#a1aabab269ac5b8 .inner-form {
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
border-radius: NaNpx;
background-color: #f7f7f7;
overflow: hidden;
}
#a1aabab269ac5b8 .inner-form .input-field {
height: 100%;
}
#a1aabab269ac5b8 .inner-form .input-field input {
height: 100%;
background: transparent;
border: 0;
display: block;
width: 100%;
padding: 10px 0;
font-weight: normal;
font-style: normal;
font-size: 14px;
font-family: inherit;
color: #000;
}
#a1aabab269ac5b8 .inner-form .input-field input.placeholder {
font-size: 14px;
color: #262626;
}
#a1aabab269ac5b8 .inner-form .input-field input:-moz-placeholder {
font-size: 14px;
color: #262626;
}
#a1aabab269ac5b8 .inner-form .input-field input::-webkit-input-placeholder {
font-size: 14px;
color: #262626;
}
#a1aabab269ac5b8 .inner-form .input-field input:focus {
box-shadow: none;
outline: 0;
}
#a1aabab269ac5b8 .inner-form .input-field.first-wrap {
-ms-flex-positive: 1;
flex-grow: 1;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
background: #f7f7f7;
position: relative;
}
#a1aabab269ac5b8 .inner-form .input-field.first-wrap input {
-ms-flex-positive: 1;
flex-grow: 1;
}
#a1aabab269ac5b8 .inner-form .input-field.first-wrap svg {
width: 20px;
height: 20px;
display: inline-block;
fill: #000;
margin: 0 15px;
}
#a1aabab269ac5b8 .inner-form .input-field.second-wrap {
min-width: 100px;
}
#a1aabab269ac5b8 .btn-search {
height: 100%;
width: 100%;
white-space: nowrap;
font-size: 16px;
border: 0;
cursor: pointer;
position: relative;
z-index: 0;
background: #3771fa;
color: #fff;
transition: all 0.2s ease-out, color 0.2s ease-out;
font-weight: 300;
border-top-right-radius: NaNpx;
border-bottom-right-radius: NaNpx;
overflow: hidden;
}
#a1aabab269ac5b8 .btn-search:hover {
background: #3771fa;
}
#a1aabab269ac5b8 .btn-search:focus {
outline: 0;
box-shadow: none;
}
#aa2cdac6bfae712 > .ele-wrap {background-color: rgba(55, 113, 250, 1);border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;border-top-left-radius: 0px;border-top-right-radius: 0px;border-top-color: rgba(0, 0, 0, 0);border-right-color: rgba(0, 0, 0, 0);border-bottom-color: rgba(0, 0, 0, 0);border-left-color: rgba(0, 0, 0, 0);border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;box-shadow: 0px 0px 0px 0px undefined;}#aa2cdac6bfae712 > .ele-wrap:hover {border-top-color: rgba(0, 0, 0, 0);border-right-color: rgba(0, 0, 0, 0);border-bottom-color: rgba(0, 0, 0, 0);border-left-color: rgba(0, 0, 0, 0);box-shadow: 0px 0px 0px 0px undefined;}#a2169a588dac629 .menu-list {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
position: relative;
list-style: none;
background: #3771fa;
text-align: left;
}
#a2169a588dac629 .menu-list li {
height: 100%;
margin: 0;
position: relative;
text-align: center;
flex-shrink: 0;
}
#a2169a588dac629 .ap-icon {
margin-right: 6px;
}
#a2169a588dac629 .indicator {
margin-left: 4px;
}
#a2169a588dac629 .menu-list > li > a {
display: flex;
height: 100%;
align-items: center;
justify-content: center;
font-size: 14px;
padding: 0 20px;
text-decoration: none;
text-transform: uppercase;
-webkit-transition: color 0.2s linear, background 0.2s linear;
-moz-transition: color 0.2s linear, background 0.2s linear;
-o-transition: color 0.2s linear, background 0.2s linear;
transition: color 0.2s linear, background 0.2s linear;
background-color: #3771fa;
font-weight: normal;
font-style: normal;
font-size: 16px;
font-family: inherit;
color: #ffffff;
}
#a2169a588dac629 .menu-list li:hover > a,
#a2169a588dac629 .menu-list li.active > a {
background: #fb9863;
background-color: #fb9863;
font-weight: normal;
font-style: normal;
font-size: 16px;
font-family: inherit;
color: #ffffff;
}
#a2169a588dac629 .menu-list li.active > a {
font-weight: normal;
font-style: normal;
font-size: 16px;
font-family: inherit;
color: #ffffff;
background-color: #fb9863;
}
#a2169a588dac629 .menu-list ul,
#a2169a588dac629 .menu-list ul li ul {
list-style: none;
margin: 0;
padding: 0;
display: none;
position: absolute;
z-index: 99999;
background: #333;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
#a2169a588dac629 .menu-list ul {
top: 69px;
left: 50%;
transform: translateX(-50%);
}
#a2169a588dac629 .menu-list ul li ul {
top: 0;
left: 100%;
}
#a2169a588dac629 .menu-list ul li {
clear: both;
width: 100%;
border: none;
}
#a2169a588dac629 .menu-list ul li a {
padding: 10px 15px;
width: 100%;
color: #dedede;
font-size: 13px;
text-decoration: none;
display: inline-block;
float: left;
white-space: nowrap;
clear: both;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-transition: color 0.2s linear, background 0.2s linear;
-moz-transition: color 0.2s linear, background 0.2s linear;
-o-transition: color 0.2s linear, background 0.2s linear;
transition: color 0.2s linear, background 0.2s linear;
}
#a1f1da53c5a9a81 > .ele-wrap {background-color: rgba(66, 66, 66, 1);border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;border-top-left-radius: 0px;border-top-right-radius: 0px;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;box-shadow: 0px 0px 0px 0px undefined;}#a1f1da53c5a9a81 > .ele-wrap:hover {box-shadow: 0px 0px 0px 0px undefined;}#aa755aa092aef4e .gallery-thumbnails .uk-thumbnav {
justify-content: center;
}
#aa755aa092aef4e .gallery-thumbnails .uk-thumbnav > * {
padding-left: 8px;
}
#a8155adc06a52a1 .ap-content-container {
height: 100%;
min-height: 40px;
}
#abb87adcbaa4b1e .sidebar {
width: 150px;
max-width: 150px;
height: 100%;
}
#abb87adcbaa4b1e .nav-items {
background: #fafafa;
min-height: 200px;
}
#abb87adcbaa4b1e .phone-info {
background: #fafafa;
margin-top: 10px;
font-size: 12px;
padding: 22px 4px 20px 16px;
line-height: 1.5;
color: #666;
}
#abb87adcbaa4b1e .phone-info .phone {
line-height: 1.5;
color: #333;
font-size: 18px;
font-family: Arial;
}
#abb87adcbaa4b1e .nav-type {
line-height: 37px;
padding-left: 20px;
cursor: pointer;
}
#abb87adcbaa4b1e .nav-type.active {
color: #FFF;
cursor: default;
background: #ff658c;
}
#abb87adcbaa4b1e .content {
padding-bottom: 60px;
color: #666;
border: 1px solid #f0f0f0;
min-height: 400px;
}
#abb87adcbaa4b1e .nav-list {
padding: 0 20px;
}
#abb87adcbaa4b1e .nav-list .nav-item {
display: inline-block;
line-height: 21px;
padding: 2px 6px 3px;
font-size: 14px;
color: #666;
margin: 10px 30px 15px 0;
cursor: pointer;
}
#abb87adcbaa4b1e .nav-list .nav-item.active {
background-color: #ff5c89;
color: #fff;
cursor: default;
}
#abb87adcbaa4b1e .order-item {
margin-top: 10px;
background: #fff;
padding: 0 20px;
}
#abb87adcbaa4b1e .order-item:hover {
background: #f7f7f7;
}
#abb87adcbaa4b1e .del-order {
cursor: pointer;
}
#abb87adcbaa4b1e .order-item .order-title {
line-height: 40px;
color: #666;
font-size: 13px;
border-bottom: 1px solid #f7f7f7;
}
#abb87adcbaa4b1e .goods-item {
padding: 10px 0;
border-bottom: 1px solid #ececec;
cursor: pointer;
}
#abb87adcbaa4b1e .order-goods-list .goods-item:last-child {
border-bottom: none;
}
#abb87adcbaa4b1e .goods-item img {
width: 100px;
height: 100px;
background: #f4f4f4;
}
#abb87adcbaa4b1e .goods-item .goods-info {
padding: 0 15px;
}
#abb87adcbaa4b1e .appoint-time span {
color: #e4393c;
background-color: #f9eeee;
display: inline-block;
padding: 2px 10px;
border-radius: 2px;
line-height: 1;
}
#abb87adcbaa4b1e .appoint-time {
margin-bottom: 4px;
}
#abb87adcbaa4b1e .appoint-name {
color: #333;
font-size: 14px;
}
#abb87adcbaa4b1e .appoint-info {
padding: 0 15px;
font-size: 12px;
color: #888;
}
#abb87adcbaa4b1e .goods-item .goods-name {
color: #333;
}
#abb87adcbaa4b1e .goods-item .sku-name {
color: #999;
font-size: 12px;
}
#abb87adcbaa4b1e .order-total-info {
padding-bottom: 10px;
color: #999;
font-size: 12px;
}
#abb87adcbaa4b1e .order-total-info .total-price {
font-family: Arial, Helvetica, sans-serif;
color: #333;
font-size: 14px;
}
#abb87adcbaa4b1e .load-more {
font-size: 12px;
padding-bottom: 15px;
color: #999;
}
#abb87adcbaa4b1e .order-btns {
padding: 10px 0;
border-top: 1px solid #f7f7f7;
}
#abb87adcbaa4b1e .order-btns .btn {
line-height: 26px;
border-radius: 2px;
border: 1px solid #ececec;
padding: 0 14px;
display: inline-block;
margin-left: 8px;
background: #fff;
color: #333;
}
#abb87adcbaa4b1e .order-btns .btn-warn {
color: #fff;
background: #eb3c3c;
border-color: #eb3c3c;
cursor: pointer;
}
#abb87adcbaa4b1e .appoint-info .title {
font-weight: bold;
color: #333;
}
#abb87adcbaa4b1e .coupon-item {
margin: 10px 30px;
display: inline-flex;
width: 42%;
}
#abb87adcbaa4b1e .setting-form {
padding: 30px 20px;
}
#abb87adcbaa4b1e .setting-item {
margin-bottom: 20px;
font-size: 13px;
color: #666;
line-height: 18px;
}
#abb87adcbaa4b1e .setting-item .label {
display: inline-block;
margin-right: 6px;
text-align: right;
min-width: 120px;
}
#abb87adcbaa4b1e .setting-item .input-text {
border: 1px solid #ccc;
line-height: 28px;
padding: 0 10px;
min-width: 200px;
font-size: 13px;
}
#abb87adcbaa4b1e .setting-form .setting-btns {
margin-left: 130px;
}
#abb87adcbaa4b1e .setting-form .uk-button {
height: 30px;
line-height: 30px;
margin-right: 8px;
}
#abb87adcbaa4b1e .setting-wrap {
position: relative;
}
#abb87adcbaa4b1e .user-info {
border: 1px solid #ccc;
width: 300px;
position: absolute;
right: 80px;
top: 30px;
color: #666;
padding: 10px;
font-size: 13px;
background: #f9f9f9;
}
#abb87adcbaa4b1e .user-info .avatar {
width: 100px;
height: 100px;
border-radius: 50%;
overflow: hidden;
float: left;
margin-right: 10px;
}
#abb87adcbaa4b1e .user-info .levels {
color: #888;
font-size: 12px;
}
#abb87adcbaa4b1e .address-wrap {
padding: 30px 20px;
}
#abb87adcbaa4b1e .addr-header {
font-size: 18px;
color: #333;
margin: 0;
}
#abb87adcbaa4b1e .addr-detail {
border-bottom: 1px solid #ececec;
margin-bottom: 10px;
}
#abb87adcbaa4b1e .addr-list {
min-height: 200px;
}
#abb87adcbaa4b1e .addr-detail .addr-item-name,
#abb87adcbaa4b1e .addr-detail .addr-default {
display: inline-block;
position: relative;
overflow: hidden;
padding: 0 5px;
vertical-align: middle;
margin: -2px 5px 0 0;
max-width: 8em;
height: 16px;
line-height: 14px;
font-size: 12px;
color: #4b9bfb;
border: 1px solid #4b9bfb;
}
#abb87adcbaa4b1e .addr-detail .addr-name {
font-size: 16px;
font-weight: bold;
color: #333;
}
#abb87adcbaa4b1e .addr-detail .addr-item-name {
color: #e93b3d;
border-color: #e93b3d;
}
#abb87adcbaa4b1e .addr-detail {
padding: 12px 0;
flex: 1;
}
#abb87adcbaa4b1e .op-btns a {
font-size: 12px;
color: #e93b3d;
margin-left: 6px;
}
#abb87adcbaa4b1e .add-addr {
height: 32px;
line-height: 30px;
}
#abb87adcbaa4b1e .publish-item .status {
width: 60px;
height: 60px;
position: absolute;
right: 0;
top: 50px;
background: url(/resources/sys/img/icons/info-pass.png) center center no-repeat;
background-size: contain;
}
#abb87adcbaa4b1e .publish-item {
cursor: default;
min-height: 120px;
}
#abb87adcbaa4b1e .publish-item .status-0 {
background-image: url(/resources/sys/img/icons/info-unread.png);
}
#abb87adcbaa4b1e .publish-item .status-1 {
background-image: url(/resources/sys/img/icons/info-fail.png);
}
#abb87adcbaa4b1e .publish-item .btns a {
display: inline-block;
font-size: 12px;
padding: 4px 10px;
border-radius: 2px;
color: #fff;
background: #3771fa;
}
#abb87adcbaa4b1e .publish-item .btns .del-info {
background: #ccc;
color: #999;
}
#a5ce8ab480abe47 .sidebar {
width: 150px;
max-width: 150px;
height: 100%;
}
#a5ce8ab480abe47 .nav-items {
background: #fafafa;
min-height: 200px;
}
#a5ce8ab480abe47 .phone-info {
background: #fafafa;
margin-top: 10px;
font-size: 12px;
padding: 22px 4px 20px 16px;
line-height: 1.5;
color: #666;
}
#a5ce8ab480abe47 .phone-info .phone {
line-height: 1.5;
color: #333;
font-size: 18px;
font-family: Arial;
}
#a5ce8ab480abe47 .nav-type {
line-height: 37px;
padding-left: 20px;
cursor: pointer;
}
#a5ce8ab480abe47 .nav-type.active {
color: #FFF;
cursor: default;
background: #ff658c;
}
#a5ce8ab480abe47 .content {
padding-bottom: 60px;
color: #666;
border: 1px solid #f0f0f0;
min-height: 400px;
}
#a5ce8ab480abe47 .nav-list {
padding: 0 20px;
}
#a5ce8ab480abe47 .nav-list .nav-item {
display: inline-block;
line-height: 21px;
padding: 2px 6px 3px;
font-size: 14px;
color: #666;
margin: 10px 30px 15px 0;
cursor: pointer;
}
#a5ce8ab480abe47 .nav-list .nav-item.active {
background-color: #ff5c89;
color: #fff;
cursor: default;
}
#a5ce8ab480abe47 .order-item {
margin-top: 10px;
background: #fff;
padding: 0 20px;
}
#a5ce8ab480abe47 .order-item:hover {
background: #f7f7f7;
}
#a5ce8ab480abe47 .del-order {
cursor: pointer;
}
#a5ce8ab480abe47 .order-item .order-title {
line-height: 40px;
color: #666;
font-size: 13px;
border-bottom: 1px solid #f7f7f7;
}
#a5ce8ab480abe47 .goods-item {
padding: 10px 0;
border-bottom: 1px solid #ececec;
cursor: pointer;
}
#a5ce8ab480abe47 .order-goods-list .goods-item:last-child {
border-bottom: none;
}
#a5ce8ab480abe47 .goods-item img {
width: 100px;
height: 100px;
background: #f4f4f4;
}
#a5ce8ab480abe47 .goods-item .goods-info {
padding: 0 15px;
}
#a5ce8ab480abe47 .appoint-time span {
color: #e4393c;
background-color: #f9eeee;
display: inline-block;
padding: 2px 10px;
border-radius: 2px;
line-height: 1;
}
#a5ce8ab480abe47 .appoint-time {
margin-bottom: 4px;
}
#a5ce8ab480abe47 .appoint-name {
color: #333;
font-size: 14px;
}
#a5ce8ab480abe47 .appoint-info {
padding: 0 15px;
font-size: 12px;
color: #888;
}
#a5ce8ab480abe47 .goods-item .goods-name {
color: #333;
}
#a5ce8ab480abe47 .goods-item .sku-name {
color: #999;
font-size: 12px;
}
#a5ce8ab480abe47 .order-total-info {
padding-bottom: 10px;
color: #999;
font-size: 12px;
}
#a5ce8ab480abe47 .order-total-info .total-price {
font-family: Arial, Helvetica, sans-serif;
color: #333;
font-size: 14px;
}
#a5ce8ab480abe47 .load-more {
font-size: 12px;
padding-bottom: 15px;
color: #999;
}
#a5ce8ab480abe47 .order-btns {
padding: 10px 0;
border-top: 1px solid #f7f7f7;
}
#a5ce8ab480abe47 .order-btns .btn {
line-height: 26px;
border-radius: 2px;
border: 1px solid #ececec;
padding: 0 14px;
display: inline-block;
margin-left: 8px;
background: #fff;
color: #333;
}
#a5ce8ab480abe47 .order-btns .btn-warn {
color: #fff;
background: #eb3c3c;
border-color: #eb3c3c;
cursor: pointer;
}
#a5ce8ab480abe47 .appoint-info .title {
font-weight: bold;
color: #333;
}
#a5ce8ab480abe47 .coupon-item {
margin: 10px 30px;
display: inline-flex;
width: 42%;
}
#a5ce8ab480abe47 .setting-form {
padding: 30px 20px;
}
#a5ce8ab480abe47 .setting-item {
margin-bottom: 20px;
font-size: 13px;
color: #666;
line-height: 18px;
}
#a5ce8ab480abe47 .setting-item .label {
display: inline-block;
margin-right: 6px;
text-align: right;
min-width: 120px;
}
#a5ce8ab480abe47 .setting-item .input-text {
border: 1px solid #ccc;
line-height: 28px;
padding: 0 10px;
min-width: 200px;
font-size: 13px;
}
#a5ce8ab480abe47 .setting-form .setting-btns {
margin-left: 130px;
}
#a5ce8ab480abe47 .setting-form .uk-button {
height: 30px;
line-height: 30px;
margin-right: 8px;
}
#a5ce8ab480abe47 .setting-wrap {
position: relative;
}
#a5ce8ab480abe47 .user-info {
border: 1px solid #ccc;
width: 300px;
position: absolute;
right: 80px;
top: 30px;
color: #666;
padding: 10px;
font-size: 13px;
background: #f9f9f9;
}
#a5ce8ab480abe47 .user-info .avatar {
width: 100px;
height: 100px;
border-radius: 50%;
overflow: hidden;
float: left;
margin-right: 10px;
}
#a5ce8ab480abe47 .user-info .levels {
color: #888;
font-size: 12px;
}
#a5ce8ab480abe47 .address-wrap {
padding: 30px 20px;
}
#a5ce8ab480abe47 .addr-header {
font-size: 18px;
color: #333;
margin: 0;
}
#a5ce8ab480abe47 .addr-detail {
border-bottom: 1px solid #ececec;
margin-bottom: 10px;
}
#a5ce8ab480abe47 .addr-list {
min-height: 200px;
}
#a5ce8ab480abe47 .addr-detail .addr-item-name,
#a5ce8ab480abe47 .addr-detail .addr-default {
display: inline-block;
position: relative;
overflow: hidden;
padding: 0 5px;
vertical-align: middle;
margin: -2px 5px 0 0;
max-width: 8em;
height: 16px;
line-height: 14px;
font-size: 12px;
color: #4b9bfb;
border: 1px solid #4b9bfb;
}
#a5ce8ab480abe47 .addr-detail .addr-name {
font-size: 16px;
font-weight: bold;
color: #333;
}
#a5ce8ab480abe47 .addr-detail .addr-item-name {
color: #e93b3d;
border-color: #e93b3d;
}
#a5ce8ab480abe47 .addr-detail {
padding: 12px 0;
flex: 1;
}
#a5ce8ab480abe47 .op-btns a {
font-size: 12px;
color: #e93b3d;
margin-left: 6px;
}
#a5ce8ab480abe47 .add-addr {
height: 32px;
line-height: 30px;
}
#a5ce8ab480abe47 .publish-item .status {
width: 60px;
height: 60px;
position: absolute;
right: 0;
top: 50px;
background: url(/resources/sys/img/icons/info-pass.png) center center no-repeat;
background-size: contain;
}
#a5ce8ab480abe47 .publish-item {
cursor: default;
min-height: 120px;
}
#a5ce8ab480abe47 .publish-item .status-0 {
background-image: url(/resources/sys/img/icons/info-unread.png);
}
#a5ce8ab480abe47 .publish-item .status-1 {
background-image: url(/resources/sys/img/icons/info-fail.png);
}
#a5ce8ab480abe47 .publish-item .btns a {
display: inline-block;
font-size: 12px;
padding: 4px 10px;
border-radius: 2px;
color: #fff;
background: #3771fa;
}
#a5ce8ab480abe47 .publish-item .btns .del-info {
background: #ccc;
color: #999;
}
#acc9ba8428a30ca .uk-container {
line-height: 2;
color: #999;
}
#ad619ab44aa6feb .img-wrap {
box-shadow: NaNpx NaNpx 0px 0px #3771fa;
}
#a1aabab269ac5b8 form {
width: 100%;
height: 100%;
}
#a1aabab269ac5b8 .search-box {
text-align: center;
margin-right: -10px;
font-size: 14px;
height: 100%;
}
#a1aabab269ac5b8 .search-box .select-text {
line-height: 1;
cursor: pointer;
padding: 0 10px;
white-space: nowrap;
padding-left: 18px;
height: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
#a1aabab269ac5b8 .search-box .search-type {
padding: 0;
margin: 0;
position: absolute;
left: 0;
top: 40px;
display: none;
z-index: 999999;
}
#a1aabab269ac5b8 .search-box .search-type.show {
display: block;
}
#a1aabab269ac5b8 .search-box .search-type li {
text-align: center;
line-height: 40px;
background: #f7f7f7;
cursor: pointer;
padding: 0 18px;
}
#a1aabab269ac5b8 .search-box .search-type li:hover {
color: #3771fa;
}
#a1aabab269ac5b8 .search-box .search-type li.active {
color: #3771fa;
}
#a1aabab269ac5b8 .inner-form {
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
border-radius: NaNpx;
background-color: #f7f7f7;
overflow: hidden;
}
#a1aabab269ac5b8 .inner-form .input-field {
height: 100%;
}
#a1aabab269ac5b8 .inner-form .input-field input {
height: 100%;
background: transparent;
border: 0;
display: block;
width: 100%;
padding: 10px 0;
font-weight: normal;
font-style: normal;
font-size: 14px;
font-family: inherit;
color: #000;
}
#a1aabab269ac5b8 .inner-form .input-field input.placeholder {
font-size: 14px;
color: #262626;
}
#a1aabab269ac5b8 .inner-form .input-field input:-moz-placeholder {
font-size: 14px;
color: #262626;
}
#a1aabab269ac5b8 .inner-form .input-field input::-webkit-input-placeholder {
font-size: 14px;
color: #262626;
}
#a1aabab269ac5b8 .inner-form .input-field input:focus {
box-shadow: none;
outline: 0;
}
#a1aabab269ac5b8 .inner-form .input-field.first-wrap {
-ms-flex-positive: 1;
flex-grow: 1;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
background: #f7f7f7;
position: relative;
}
#a1aabab269ac5b8 .inner-form .input-field.first-wrap input {
-ms-flex-positive: 1;
flex-grow: 1;
}
#a1aabab269ac5b8 .inner-form .input-field.first-wrap svg {
width: 20px;
height: 20px;
display: inline-block;
fill: #000;
margin: 0 15px;
}
#a1aabab269ac5b8 .inner-form .input-field.second-wrap {
min-width: 100px;
}
#a1aabab269ac5b8 .btn-search {
height: 100%;
width: 100%;
white-space: nowrap;
font-size: 16px;
border: 0;
cursor: pointer;
position: relative;
z-index: 0;
background: #3771fa;
color: #fff;
transition: all 0.2s ease-out, color 0.2s ease-out;
font-weight: 300;
border-top-right-radius: NaNpx;
border-bottom-right-radius: NaNpx;
overflow: hidden;
}
#a1aabab269ac5b8 .btn-search:hover {
background: #3771fa;
}
#a1aabab269ac5b8 .btn-search:focus {
outline: 0;
box-shadow: none;
}
#aa2cdac6bfae712 > .ele-wrap {background-color: rgba(55, 113, 250, 1);border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;border-top-left-radius: 0px;border-top-right-radius: 0px;border-top-color: rgba(0, 0, 0, 0);border-right-color: rgba(0, 0, 0, 0);border-bottom-color: rgba(0, 0, 0, 0);border-left-color: rgba(0, 0, 0, 0);border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;box-shadow: 0px 0px 0px 0px undefined;}#aa2cdac6bfae712 > .ele-wrap:hover {border-top-color: rgba(0, 0, 0, 0);border-right-color: rgba(0, 0, 0, 0);border-bottom-color: rgba(0, 0, 0, 0);border-left-color: rgba(0, 0, 0, 0);box-shadow: 0px 0px 0px 0px undefined;}#a2169a588dac629 .menu-list {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
position: relative;
list-style: none;
background: #3771fa;
text-align: left;
}
#a2169a588dac629 .menu-list li {
height: 100%;
margin: 0;
position: relative;
text-align: center;
flex-shrink: 0;
}
#a2169a588dac629 .ap-icon {
margin-right: 6px;
}
#a2169a588dac629 .indicator {
margin-left: 4px;
}
#a2169a588dac629 .menu-list > li > a {
display: flex;
height: 100%;
align-items: center;
justify-content: center;
font-size: 14px;
padding: 0 20px;
text-decoration: none;
text-transform: uppercase;
-webkit-transition: color 0.2s linear, background 0.2s linear;
-moz-transition: color 0.2s linear, background 0.2s linear;
-o-transition: color 0.2s linear, background 0.2s linear;
transition: color 0.2s linear, background 0.2s linear;
background-color: #3771fa;
font-weight: normal;
font-style: normal;
font-size: 16px;
font-family: inherit;
color: #ffffff;
}
#a2169a588dac629 .menu-list li:hover > a,
#a2169a588dac629 .menu-list li.active > a {
background: #fb9863;
background-color: #fb9863;
font-weight: normal;
font-style: normal;
font-size: 16px;
font-family: inherit;
color: #ffffff;
}
#a2169a588dac629 .menu-list li.active > a {
font-weight: normal;
font-style: normal;
font-size: 16px;
font-family: inherit;
color: #ffffff;
background-color: #fb9863;
}
#a2169a588dac629 .menu-list ul,
#a2169a588dac629 .menu-list ul li ul {
list-style: none;
margin: 0;
padding: 0;
display: none;
position: absolute;
z-index: 99999;
background: #333;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
#a2169a588dac629 .menu-list ul {
top: 69px;
left: 50%;
transform: translateX(-50%);
}
#a2169a588dac629 .menu-list ul li ul {
top: 0;
left: 100%;
}
#a2169a588dac629 .menu-list ul li {
clear: both;
width: 100%;
border: none;
}
#a2169a588dac629 .menu-list ul li a {
padding: 10px 15px;
width: 100%;
color: #dedede;
font-size: 13px;
text-decoration: none;
display: inline-block;
float: left;
white-space: nowrap;
clear: both;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-transition: color 0.2s linear, background 0.2s linear;
-moz-transition: color 0.2s linear, background 0.2s linear;
-o-transition: color 0.2s linear, background 0.2s linear;
transition: color 0.2s linear, background 0.2s linear;
}
#a1f1da53c5a9a81 > .ele-wrap {background-color: rgba(66, 66, 66, 1);border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;border-top-left-radius: 0px;border-top-right-radius: 0px;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;box-shadow: 0px 0px 0px 0px undefined;}#a1f1da53c5a9a81 > .ele-wrap:hover {box-shadow: 0px 0px 0px 0px undefined;}#aa755aa092aef4e .gallery-thumbnails .uk-thumbnav {
justify-content: center;
}
#aa755aa092aef4e .gallery-thumbnails .uk-thumbnav > * {
padding-left: 8px;
}
#a8155adc06a52a1 .ap-content-container {
height: 100%;
min-height: 40px;
}
#a1194a9394ae9fd {
min-height: 500px;
/* mobile */
}
#a1194a9394ae9fd .search-highlight {
background: yellow;
}
#a1194a9394ae9fd .el-item {
padding: 0;
border-bottom: 1px solid #ececec;
}
#a1194a9394ae9fd .el-title {
margin-bottom: 20px;
}
#a1194a9394ae9fd .el-item:hover .el-title {
color: #3771fa;
}
#a1194a9394ae9fd .img-wrap {
overflow: hidden;
display: block;
border-radius: 4px;
}
#a1194a9394ae9fd .img-wrap img {
transition: all .3s ease;
border-radius: 4px;
}
#a1194a9394ae9fd .el-item:hover .img-wrap img {
transform: scale(1.1);
}
#a1194a9394ae9fd .el-title a {
font-size: 20px;
color: #333;
line-height: 36px;
}
#a1194a9394ae9fd .el-meta {
font-size: 14px;
color: #777;
line-height: 1.5;
margin: 6px 0;
}
#a1194a9394ae9fd .el-content {
font-size: 14px;
color: #777;
}
@media (max-width: 640px) {
#a1194a9394ae9fd .el-title {
margin-bottom: 0;
}
#a1194a9394ae9fd .el-title a {
font-size: 14px;
color: #333;
line-height: 1.5;
}
#a1194a9394ae9fd .category {
font-size: 12px;
}
#a1194a9394ae9fd .el-content {
font-size: 12px;
color: #777;
line-height: 1.5;
margin: 6px 0 0px;
}
}
#a0f3aa0a42acf06 .uk-container {
line-height: 2;
color: #999;
}
#ad619ab44aa6feb .img-wrap {
box-shadow: NaNpx NaNpx 0px 0px #3771fa;
}
#a1aabab269ac5b8 form {
width: 100%;
height: 100%;
}
#a1aabab269ac5b8 .search-box {
text-align: center;
margin-right: -10px;
font-size: 14px;
height: 100%;
}
#a1aabab269ac5b8 .search-box .select-text {
line-height: 1;
cursor: pointer;
padding: 0 10px;
white-space: nowrap;
padding-left: 18px;
height: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
#a1aabab269ac5b8 .search-box .search-type {
padding: 0;
margin: 0;
position: absolute;
left: 0;
top: 40px;
display: none;
z-index: 999999;
}
#a1aabab269ac5b8 .search-box .search-type.show {
display: block;
}
#a1aabab269ac5b8 .search-box .search-type li {
text-align: center;
line-height: 40px;
background: #f7f7f7;
cursor: pointer;
padding: 0 18px;
}
#a1aabab269ac5b8 .search-box .search-type li:hover {
color: #3771fa;
}
#a1aabab269ac5b8 .search-box .search-type li.active {
color: #3771fa;
}
#a1aabab269ac5b8 .inner-form {
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
border-radius: NaNpx;
background-color: #f7f7f7;
overflow: hidden;
}
#a1aabab269ac5b8 .inner-form .input-field {
height: 100%;
}
#a1aabab269ac5b8 .inner-form .input-field input {
height: 100%;
background: transparent;
border: 0;
display: block;
width: 100%;
padding: 10px 0;
font-weight: normal;
font-style: normal;
font-size: 14px;
font-family: inherit;
color: #000;
}
#a1aabab269ac5b8 .inner-form .input-field input.placeholder {
font-size: 14px;
color: #262626;
}
#a1aabab269ac5b8 .inner-form .input-field input:-moz-placeholder {
font-size: 14px;
color: #262626;
}
#a1aabab269ac5b8 .inner-form .input-field input::-webkit-input-placeholder {
font-size: 14px;
color: #262626;
}
#a1aabab269ac5b8 .inner-form .input-field input:focus {
box-shadow: none;
outline: 0;
}
#a1aabab269ac5b8 .inner-form .input-field.first-wrap {
-ms-flex-positive: 1;
flex-grow: 1;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
background: #f7f7f7;
position: relative;
}
#a1aabab269ac5b8 .inner-form .input-field.first-wrap input {
-ms-flex-positive: 1;
flex-grow: 1;
}
#a1aabab269ac5b8 .inner-form .input-field.first-wrap svg {
width: 20px;
height: 20px;
display: inline-block;
fill: #000;
margin: 0 15px;
}
#a1aabab269ac5b8 .inner-form .input-field.second-wrap {
min-width: 100px;
}
#a1aabab269ac5b8 .btn-search {
height: 100%;
width: 100%;
white-space: nowrap;
font-size: 16px;
border: 0;
cursor: pointer;
position: relative;
z-index: 0;
background: #3771fa;
color: #fff;
transition: all 0.2s ease-out, color 0.2s ease-out;
font-weight: 300;
border-top-right-radius: NaNpx;
border-bottom-right-radius: NaNpx;
overflow: hidden;
}
#a1aabab269ac5b8 .btn-search:hover {
background: #3771fa;
}
#a1aabab269ac5b8 .btn-search:focus {
outline: 0;
box-shadow: none;
}
#aa2cdac6bfae712 > .ele-wrap {background-color: rgba(55, 113, 250, 1);border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;border-top-left-radius: 0px;border-top-right-radius: 0px;border-top-color: rgba(0, 0, 0, 0);border-right-color: rgba(0, 0, 0, 0);border-bottom-color: rgba(0, 0, 0, 0);border-left-color: rgba(0, 0, 0, 0);border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;box-shadow: 0px 0px 0px 0px undefined;}#aa2cdac6bfae712 > .ele-wrap:hover {border-top-color: rgba(0, 0, 0, 0);border-right-color: rgba(0, 0, 0, 0);border-bottom-color: rgba(0, 0, 0, 0);border-left-color: rgba(0, 0, 0, 0);box-shadow: 0px 0px 0px 0px undefined;}#a2169a588dac629 .menu-list {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
position: relative;
list-style: none;
background: #3771fa;
text-align: left;
}
#a2169a588dac629 .menu-list li {
height: 100%;
margin: 0;
position: relative;
text-align: center;
flex-shrink: 0;
}
#a2169a588dac629 .ap-icon {
margin-right: 6px;
}
#a2169a588dac629 .indicator {
margin-left: 4px;
}
#a2169a588dac629 .menu-list > li > a {
display: flex;
height: 100%;
align-items: center;
justify-content: center;
font-size: 14px;
padding: 0 20px;
text-decoration: none;
text-transform: uppercase;
-webkit-transition: color 0.2s linear, background 0.2s linear;
-moz-transition: color 0.2s linear, background 0.2s linear;
-o-transition: color 0.2s linear, background 0.2s linear;
transition: color 0.2s linear, background 0.2s linear;
background-color: #3771fa;
font-weight: normal;
font-style: normal;
font-size: 16px;
font-family: inherit;
color: #ffffff;
}
#a2169a588dac629 .menu-list li:hover > a,
#a2169a588dac629 .menu-list li.active > a {
background: #fb9863;
background-color: #fb9863;
font-weight: normal;
font-style: normal;
font-size: 16px;
font-family: inherit;
color: #ffffff;
}
#a2169a588dac629 .menu-list li.active > a {
font-weight: normal;
font-style: normal;
font-size: 16px;
font-family: inherit;
color: #ffffff;
background-color: #fb9863;
}
#a2169a588dac629 .menu-list ul,
#a2169a588dac629 .menu-list ul li ul {
list-style: none;
margin: 0;
padding: 0;
display: none;
position: absolute;
z-index: 99999;
background: #333;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
#a2169a588dac629 .menu-list ul {
top: 69px;
left: 50%;
transform: translateX(-50%);
}
#a2169a588dac629 .menu-list ul li ul {
top: 0;
left: 100%;
}
#a2169a588dac629 .menu-list ul li {
clear: both;
width: 100%;
border: none;
}
#a2169a588dac629 .menu-list ul li a {
padding: 10px 15px;
width: 100%;
color: #dedede;
font-size: 13px;
text-decoration: none;
display: inline-block;
float: left;
white-space: nowrap;
clear: both;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-transition: color 0.2s linear, background 0.2s linear;
-moz-transition: color 0.2s linear, background 0.2s linear;
-o-transition: color 0.2s linear, background 0.2s linear;
transition: color 0.2s linear, background 0.2s linear;
}
#a1f1da53c5a9a81 > .ele-wrap {background-color: rgba(66, 66, 66, 1);border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;border-top-left-radius: 0px;border-top-right-radius: 0px;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;box-shadow: 0px 0px 0px 0px undefined;}#a1f1da53c5a9a81 > .ele-wrap:hover {box-shadow: 0px 0px 0px 0px undefined;}#aa755aa092aef4e .gallery-thumbnails .uk-thumbnav {
justify-content: center;
}
#aa755aa092aef4e .gallery-thumbnails .uk-thumbnav > * {
padding-left: 8px;
}
#a8155adc06a52a1 .ap-content-container {
height: 100%;
min-height: 40px;
}
#a8ce4a6dd5a36a4 .comment-detail {
min-height: 600px;
}
#a8ce4a6dd5a36a4 table {
background: #f9fdff;
width: 100%;
border-collapse: collapse;
border-spacing: 0;
}
#a8ce4a6dd5a36a4 table th,
#a8ce4a6dd5a36a4 table td {
padding: 10px 20px;
border: #ececec 1px solid;
line-height: 1.8em;
}
#a8ce4a6dd5a36a4 table th {
padding-left: 0;
text-align: right;
background: #eff7fe;
font-weight: normal;
color: #333;
}
#a8ce4a6dd5a36a4 .red {
color: #F00!important;
}
#a8ce4a6dd5a36a4 .table-title span {
display: inline-block;
padding: 0 40px;
line-height: 40px;
color: #274589;
font-size: 16px;
font-weight: bold;
background: url(/resources/sys/img/icons/title_icon.png) 0 center no-repeat;
}
#aa945abd52a5e2f .uk-container {
line-height: 2;
color: #999;
}
#ad619ab44aa6feb .img-wrap {
box-shadow: NaNpx NaNpx 0px 0px #3771fa;
}
#a1aabab269ac5b8 form {
width: 100%;
height: 100%;
}
#a1aabab269ac5b8 .search-box {
text-align: center;
margin-right: -10px;
font-size: 14px;
height: 100%;
}
#a1aabab269ac5b8 .search-box .select-text {
line-height: 1;
cursor: pointer;
padding: 0 10px;
white-space: nowrap;
padding-left: 18px;
height: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
#a1aabab269ac5b8 .search-box .search-type {
padding: 0;
margin: 0;
position: absolute;
left: 0;
top: 40px;
display: none;
z-index: 999999;
}
#a1aabab269ac5b8 .search-box .search-type.show {
display: block;
}
#a1aabab269ac5b8 .search-box .search-type li {
text-align: center;
line-height: 40px;
background: #f7f7f7;
cursor: pointer;
padding: 0 18px;
}
#a1aabab269ac5b8 .search-box .search-type li:hover {
color: #3771fa;
}
#a1aabab269ac5b8 .search-box .search-type li.active {
color: #3771fa;
}
#a1aabab269ac5b8 .inner-form {
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
border-radius: NaNpx;
background-color: #f7f7f7;
overflow: hidden;
}
#a1aabab269ac5b8 .inner-form .input-field {
height: 100%;
}
#a1aabab269ac5b8 .inner-form .input-field input {
height: 100%;
background: transparent;
border: 0;
display: block;
width: 100%;
padding: 10px 0;
font-weight: normal;
font-style: normal;
font-size: 14px;
font-family: inherit;
color: #000;
}
#a1aabab269ac5b8 .inner-form .input-field input.placeholder {
font-size: 14px;
color: #262626;
}
#a1aabab269ac5b8 .inner-form .input-field input:-moz-placeholder {
font-size: 14px;
color: #262626;
}
#a1aabab269ac5b8 .inner-form .input-field input::-webkit-input-placeholder {
font-size: 14px;
color: #262626;
}
#a1aabab269ac5b8 .inner-form .input-field input:focus {
box-shadow: none;
outline: 0;
}
#a1aabab269ac5b8 .inner-form .input-field.first-wrap {
-ms-flex-positive: 1;
flex-grow: 1;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
background: #f7f7f7;
position: relative;
}
#a1aabab269ac5b8 .inner-form .input-field.first-wrap input {
-ms-flex-positive: 1;
flex-grow: 1;
}
#a1aabab269ac5b8 .inner-form .input-field.first-wrap svg {
width: 20px;
height: 20px;
display: inline-block;
fill: #000;
margin: 0 15px;
}
#a1aabab269ac5b8 .inner-form .input-field.second-wrap {
min-width: 100px;
}
#a1aabab269ac5b8 .btn-search {
height: 100%;
width: 100%;
white-space: nowrap;
font-size: 16px;
border: 0;
cursor: pointer;
position: relative;
z-index: 0;
background: #3771fa;
color: #fff;
transition: all 0.2s ease-out, color 0.2s ease-out;
font-weight: 300;
border-top-right-radius: NaNpx;
border-bottom-right-radius: NaNpx;
overflow: hidden;
}
#a1aabab269ac5b8 .btn-search:hover {
background: #3771fa;
}
#a1aabab269ac5b8 .btn-search:focus {
outline: 0;
box-shadow: none;
}
#aa2cdac6bfae712 > .ele-wrap {background-color: rgba(55, 113, 250, 1);border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;border-top-left-radius: 0px;border-top-right-radius: 0px;border-top-color: rgba(0, 0, 0, 0);border-right-color: rgba(0, 0, 0, 0);border-bottom-color: rgba(0, 0, 0, 0);border-left-color: rgba(0, 0, 0, 0);border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;box-shadow: 0px 0px 0px 0px undefined;}#aa2cdac6bfae712 > .ele-wrap:hover {border-top-color: rgba(0, 0, 0, 0);border-right-color: rgba(0, 0, 0, 0);border-bottom-color: rgba(0, 0, 0, 0);border-left-color: rgba(0, 0, 0, 0);box-shadow: 0px 0px 0px 0px undefined;}#a2169a588dac629 .menu-list {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
position: relative;
list-style: none;
background: #3771fa;
text-align: left;
}
#a2169a588dac629 .menu-list li {
height: 100%;
margin: 0;
position: relative;
text-align: center;
flex-shrink: 0;
}
#a2169a588dac629 .ap-icon {
margin-right: 6px;
}
#a2169a588dac629 .indicator {
margin-left: 4px;
}
#a2169a588dac629 .menu-list > li > a {
display: flex;
height: 100%;
align-items: center;
justify-content: center;
font-size: 14px;
padding: 0 20px;
text-decoration: none;
text-transform: uppercase;
-webkit-transition: color 0.2s linear, background 0.2s linear;
-moz-transition: color 0.2s linear, background 0.2s linear;
-o-transition: color 0.2s linear, background 0.2s linear;
transition: color 0.2s linear, background 0.2s linear;
background-color: #3771fa;
font-weight: normal;
font-style: normal;
font-size: 16px;
font-family: inherit;
color: #ffffff;
}
#a2169a588dac629 .menu-list li:hover > a,
#a2169a588dac629 .menu-list li.active > a {
background: #fb9863;
background-color: #fb9863;
font-weight: normal;
font-style: normal;
font-size: 16px;
font-family: inherit;
color: #ffffff;
}
#a2169a588dac629 .menu-list li.active > a {
font-weight: normal;
font-style: normal;
font-size: 16px;
font-family: inherit;
color: #ffffff;
background-color: #fb9863;
}
#a2169a588dac629 .menu-list ul,
#a2169a588dac629 .menu-list ul li ul {
list-style: none;
margin: 0;
padding: 0;
display: none;
position: absolute;
z-index: 99999;
background: #333;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
#a2169a588dac629 .menu-list ul {
top: 69px;
left: 50%;
transform: translateX(-50%);
}
#a2169a588dac629 .menu-list ul li ul {
top: 0;
left: 100%;
}
#a2169a588dac629 .menu-list ul li {
clear: both;
width: 100%;
border: none;
}
#a2169a588dac629 .menu-list ul li a {
padding: 10px 15px;
width: 100%;
color: #dedede;
font-size: 13px;
text-decoration: none;
display: inline-block;
float: left;
white-space: nowrap;
clear: both;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-transition: color 0.2s linear, background 0.2s linear;
-moz-transition: color 0.2s linear, background 0.2s linear;
-o-transition: color 0.2s linear, background 0.2s linear;
transition: color 0.2s linear, background 0.2s linear;
}
#a1f1da53c5a9a81 > .ele-wrap {background-color: rgba(66, 66, 66, 1);border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;border-top-left-radius: 0px;border-top-right-radius: 0px;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;box-shadow: 0px 0px 0px 0px undefined;}#a1f1da53c5a9a81 > .ele-wrap:hover {box-shadow: 0px 0px 0px 0px undefined;}#aa755aa092aef4e .gallery-thumbnails .uk-thumbnav {
justify-content: center;
}
#aa755aa092aef4e .gallery-thumbnails .uk-thumbnav > * {
padding-left: 8px;
}